Vérifier si toutes les cases sont cochées

Question

Comment vérifier si toutes les cases avec class = "abc" sont cochées? J'ai besoin de vérifier chaque fois que l'un d'entre eux est coché ou décoché. Est-ce que je le fais par clic ou par changement?

Answer 1

Je pense que le moyen le plus simple est de vérifier cette condition:

 $('.abc:checked').length == $('.abc').length
 

Vous pouvez le faire chaque fois qu'une nouvelle case à cocher est cochée:

 $(".abc").change(function(){
    if ($('.abc:checked').length == $('.abc').length) {
       //do something
    }
};
 

Answer 2

$('input.abc').not(':checked').length > 0

Answer 3

Vous pouvez utiliser change()

 $("input[type='checkbox'].abc").change(function(){
    var a = $("input[type='checkbox'].abc");
    if(a.length == a.filter(":checked").length){
        alert('all checked');
    }
});
 

Tout ce que cela va faire est de vérifier que le nombre total de cases à cocher .abc correspond au nombre total de .abc:checked .

Exemple de code sur jsfiddle .

Answer 4

$('.abc[checked!=true]').length == 0

Answer 5

Partie 1 de votre question:

 var allChecked = true;
$("input.abc").each(function(index, element){
  if(!element.checked){
    allChecked = false;
    return false;
  } 
});
 

MODIFIER:

La réponse ci-dessus (http://stackoverflow.com/questions/5541387/check-if-all-checkboxes-are-selected/5541480#5541480) est probablement meilleure.