Comment compter les cases à cocher en utilisant jQuery ?

Question

J'ai des tonnes de cases à cocher qui sont soit cochées ( checked="checked" ) soit décochées.

Je voudrais obtenir le nombre de toutes les cases à cocher, cases à cocher non cochées et cochées.

Avec la case à cocher, je veux dire <input type="checkbox" /> .

Comment faire avec jQuery ? Merci d'avance!

Answer 1

Vous pourriez faire:

 var numberOfChecked = $('input:checkbox:checked').length;
var totalCheckboxes = $('input:checkbox').length;
var numberNotChecked = totalCheckboxes - numberOfChecked;

ÉDITER

Ou même simple

 var numberNotChecked = $('input:checkbox:not(":checked")').length;

Answer 2

Supposons que vous ayez une ligne tr contenant plusieurs cases à cocher et que vous souhaitiez compter uniquement si la première case à cocher est cochée.

Vous pouvez le faire en donnant une classe à la première case à cocher

Par exemple class='mycxk' et vous pouvez compter cela en utilisant le filtre, comme ceci

 $('.mycxk').filter(':checked').length

Answer 3

Le code suivant a fonctionné pour moi.

 $('input[name="chkGender[]"]:checked').length;

Answer 4

Il existe plusieurs méthodes pour le faire :

Méthode 1 :

 alert($('.checkbox_class_here:checked').size());

Méthode 2 :

 alert($('input[name=checkbox_name]').attr('checked'));

Méthode 3:

 alert($(":checkbox:checked").length);

Answer 5

Vous pouvez le faire en utilisant un attribut de nom, une classe, un identifiant ou simplement une case à cocher universelle ; Si vous voulez compter que coché la case de case à cocher.

Par le nom de la classe :

 var countChk = $('checkbox.myclassboxName:checked').length;

Par attribut de nom :

 var countByName= $('checkbox[name=myAllcheckBoxName]:checked').length;

Code complet

 $('checkbox.className').blur(function() {
    //count only checked checkbox 
    $('checkbox[name=myAllcheckBoxName]:checked').length;
});