En Javascript puedes comprobar el estado de un checkbox del siguiente modo:
document.getElementById('micheck0').checked;
Si está seleccionado devolverá true
, por lo contrario devolverá false
.
Teniendo los valores de los checkbox
ya puedes meterlos en un array del modo que más cómodo te sea.
function guardar(){
console.log(document.getElementById('micheck0').checked);
console.log(document.getElementById('micheck1').checked);
console.log(document.getElementById('micheck2').checked);
console.log(document.getElementById('micheck3').checked);
console.log(document.getElementById('micheck4').checked);
}
<div class="divcontenedor">
<div class="row">
<div class="col-md-12">
<div class="tipotex size30 center">Por favor Marque la opcion/opciones deseada:</div>
</div>
</div>
<form >
<div class="row">
<div class="col-md-12">
<ul class="list-group">
<li class="list-group-item">
<div class="row">
<div class="col-md-8">
<p class="tipotex size12">Opcion 1</p>
</div>
<div class="col-md-4">
Estado: <input type="checkbox" id="micheck0" name="micheck">
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-md-8">
<p class="tipotex size12">Opcion 2</p>
</div>
<div class="col-md-4">
Estado: <input type="checkbox" id="micheck1" name="micheck">
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-md-8">
<p class="tipotex size12">Opcion 3</p>
</div>
<div class="col-md-4">
Estado: <input type="checkbox" id="micheck2" name="micheck">
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-md-8">
<p class="tipotex size12">Opcion 4</p>
</div>
<div class="col-md-4">
Estado: <input type="checkbox" id="micheck3" name="micheck">
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-md-8">
<p class="tipotex size12">Opcion 5</p>
</div>
<div class="col-md-4">
Estado: <input type="checkbox" id="micheck4" name="micheck">
</div>
</div>
</li>
</ul>
</div>
</div>
<button type="button" class="btn btn-primary btn-lg" onclick="guardar()">Guardar</button>
</form>
</div>