Skip to main content
se añadieron 3777 caracteres en el cuerpo
Origen Enlace
Flowen
  • 2.2k
  • 11
  • 14

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>

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>

Origen Enlace
Flowen
  • 2.2k
  • 11
  • 14

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.