Déterminez si toutes les cases à cocher de l'objet jQuery sont cochées, renvoyez-les en tant que booléen

Question

Hey all. J'essaye de comprendre cela depuis un moment maintenant.

créer un objet jQuery de cases à cocher et le stocker dans une variable:

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

L'utilisateur ne peut pas continuer à moins que toutes les cases de ce groupe sont vérifiés.

J'utilise une instruction if combinée avec .is(':checked') pour trouver une valeur booléenne:

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

... mais .is(':checked') retournera TRUE si tout cases sont cochées au sein du groupe. Essentiellement, .is(':checked') exécute une opération OU sur les éléments sélectionnés dans $ group1. Je suis à la recherche d'une opération ET, donc tous les éléments sélectionnés doivent être vérifiés pour retourner TRUE. Y at-il une fonction jQuery qui fait cela, ou une autre solution de contournement?

Answer 1

@Adam est éteint juste un peu

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

Answer 2

Correction:

Vous pourriez filter pour obtenir uniquement les éléments qui sont notchecked, puis vérifiez le cas échéant sont des éléments encore dans la collection, s'il n'y a pas que tous les éléments dans le groupe sont vérifiées:

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

Answer 3

Je suggère que vous donnez à vos cases à cocher aa classe puis

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

Answer 4

Je pense que vous avez besoin de quelque chose comme:

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

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

Ceci devrait checked = false si aucun d'entre eux ne sont pas cochées.

Answer 5

Vous pouvez également utiliser

$ (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"); 
    } 

}); 

});