1

quiero validar que el usuario tenga que seleccionar todos los checkbox para insertar algo. He logrado validar que seleccione solo uno, pero no logro que los pida todos.

Mi código php:

while ($imprime = $resultado->fetch_assoc()) {
    $tabla .= '<tr>';
    $tabla .= '<td>' . $imprime["DESCRIPCION"] . '</td>';
    $tabla .= '<td><input class="checkRequi" name="checkRequi" type="checkbox" value=""></td>';         
    $tabla .= '</tr>';
}

En jQuery compruebo que se seleccione:

$(document).ready(documentoListo);

function documentoListo () {
    $("#asigBen").click(compruebaChec)
}

function compruebaChec () {

    if ($("input[name=checkRequi]").is(":checked")) { //quiero que compruebe todos seleccionados

        alert("La política de privacidad ha sido aceptada");
        return true;

    } else {

        alert("Debe aceptar la política de privacidad");
        return false;

    }

}

4 respuestas 4

3

Puedes comparar si la longitud de la selección de todos los checkboxs coincide con la longitud de los checkboxs de esa selección que están seleccionados. Algo así:

var button = $("button");

button.on("click", function () {

  var checkboxs = $("input[name='checkRequi']");
  var todos = checkboxs.length === checkboxs.filter(":checked").length;
  
  console.log(todos ? "Están seleccionados todos" : "No has seleccionado todos los checkboxs");

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="checkRequi" />
<input type="checkbox" name="checkRequi" />
<input type="checkbox" name="checkRequi" />
<input type="checkbox" name="checkRequi" />
<input type="checkbox" name="checkRequi" />
<button>Comprueba</button>

3
  • gracias creo que me sirve voy a comprobar
    – Kevin
    Commented el 8 jun. 2017 a las 20:11
  • Excelente es justo lo que necesitaba perfecto
    – Kevin
    Commented el 8 jun. 2017 a las 20:14
  • Me alegro, un saludo ;)
    – ElChiniNet
    Commented el 8 jun. 2017 a las 20:15
1

Espero que esto te pueda ayudar. Recorre los checkboxs y valida si la cantidad de checkboxs es igual a la de checkeds:

function compruebaChec () {

    var checked = 0;

    $('input[name=checkRequi]').each( function () {
        if($(this).is(':checked')){
            checked++;
        }
    });

    if(checked == $('input[name=checkRequi]').length){
        alert('La política de privacidad ha sido aceptada');
        return true;
    }else{
        alert('Debe aceptar la política de privacidad');
        return false;
    }

}
6
  • hola gracias en teoria realiza los mismo pero no me sirve por que los checbox son dinamicos puede ser 1 como tambien 5 ese es el problema
    – Kevin
    Commented el 8 jun. 2017 a las 20:09
  • Este código verifica si se ha marcado al menos un checkbox. Debes comparar si la variable checked es igual a la longitud de todos los checkboxs para saber que se han marcado todos.
    – ElChiniNet
    Commented el 8 jun. 2017 a las 20:10
  • modifique la función para validar la cantidad de checkboxs con la cantidad de checkeds, espero te sirva. Commented el 8 jun. 2017 a las 20:19
  • ok gracias pero ya lo solucione gracias a @ElChiniNet
    – Kevin
    Commented el 8 jun. 2017 a las 20:21
  • Perfecto @LuisAngelMezaPerez, ahora sí verifica que estén seleccionados todos. Un saludo ;)
    – ElChiniNet
    Commented el 8 jun. 2017 a las 20:22
0

A continuación te muestro la forma de hacerlo con jQuery:

var estado = true;

$('input[type="checkbox"]').each(function () {
    var myCheck = $(this).prop('checked');
    if(!myCheck){
        estado = false;
    }
});

De esta forma si alguno no está seleccionado, el resultado será FALSE, todos deben estar seleccionados para que la respuesta sea TRUE.

0

Debes darle un nombre distinto a cada checkbox, ya que al tener el mismo lo vas sobrescribiendo. También puedes ponerles una misma clase css y recogerlos por la clase, para luego recorrer los elementos

3
  • Hola Carmen. Veo que has rechazado mi edición. Si puedes corrige tú misma el error ortográfico: is.gd/yx0re5
    – ElChiniNet
    Commented el 20 jun. 2017 a las 17:58
  • Gracias @ElChiniNet, la rechacé porque me parecía que la abundancia de etiquetas disminuía la claridad del texto, aunque sé que para editar una pregunta hace falta un mínimo de cambios. Se me había pasado la 'e' de más, corregida :).
    – Carmen
    Commented el 20 jun. 2017 a las 18:40
  • Exactamente Carmen, no podía editar solamente eso, el sistema me pedía introducir más cambios. Un saludo ;)
    – ElChiniNet
    Commented el 20 jun. 2017 a las 18:42

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.