Determine si todas las casillas de verificación dentro del objeto jQuery están marcadas, devuelva como booleano

Question

Hola a todos. He estado tratando de resolver esto por un tiempo ahora.

creo un objeto jQuery de casillas de verificación y almacenarlo en una variable:

$group1 = $('#checkbox1,#checkbox2,#checkbox3,#checkbox4'); 

El usuario no puede continuar a menos que se comprueban todas las casillas de verificación de ese grupo.

He estado usando una sentencia if combinado con .is(':checked') para encontrar un valor booleano:

if($group1.is(':checked')){ 
    //continue is OK 
} 

... .is(':checked') pero volverá TRUE si cualquier casillas de verificación se comprueban dentro del grupo. Básicamente, .is(':checked') realiza una operación OR en los elementos seleccionados en $ group1. Estoy buscando una operación Y, por lo que todos los elementos seleccionados deben marcarse para regresar al TRUE. ¿Hay una función jQuery que hace esto u otra solución alternativa?

Answer 1

@ Adam está fuera sólo un poco

if($group1.filter(':not(:checked)').length === 0){ 
    //continue is OK 
} 

Answer 2

Corregido:

Usted podría filter para obtener sólo los elementos que son notchecked, y después comprobar para ver si hay alguno cualquier elemento todavía en la colección, si no hay más que todos los elementos en el grupo se comprueban:

if($group1.filter(':not(:checked)').length === 0){ 
    //continue is OK 
} 

Answer 3

yo sugeriría que usted da a sus casillas de verificación aa clase, entonces

var len = $('.check_needed').length; 
var chk = $('.check_needed:checked').length; 
if (len == check){ 
    //carry on 
}else{ 
    // go home 
} 

Answer 4

Creo que se necesita algo como:

$(document).ready(function(){ 
    var checked = true; 

    $('input:checkbox').each(function(){ 
     if(checked){ 
     checked = $(this).is(':checked'); 
     } 
    }); 
}); 

Esto debería establecer comprobado = false si alguno de ellos está sin marcar.

Answer 5

También puede utilizar

$ (function() {

// add multiple select/deselect functionality 
$("#selec_all_chk").click(function() { 
     $('.chk_class').attr('checked', this.checked); 
}); 

// if all checkbox are selected, check the selectall checkbox 
// else uncheck 
$(".chk_class").click(function(){ 

    if($(".chk_class").length == $(".chk_class:checked").length) { 
     $("#selec_all_chk").attr("checked", "checked"); 
    } else { 
     $("#selec_all_chk").removeAttr("checked"); 
    } 

}); 

});