Как подсчитать флажки с помощью jQuery?

У меня есть тонны флажков, которые либо отмечены (checked="checked"), либо не отмечены.

Я хотел бы получить количество всех флажков, снятых и отмеченных флажков.

С флажком я имею в виду <input type="checkbox" />.

Как это сделать с помощью jQuery? Спасибо заранее!

Ответ 1

Вы можете сделать:

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

ИЗМЕНИТЬ

Или даже просто

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

Ответ 2

Следующий код работал у меня.

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

Ответ 3

Предположим, что у вас есть строка tr с несколькими флажками в ней, и вы хотите рассчитывать, только если установлен первый флажок.

Вы можете сделать это, предоставив классу первый флажок

Например class='mycxk', и вы можете подсчитать, что с помощью фильтра, как этот

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

Ответ 4

Для этого существует несколько методов:

Метод 1:

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

Метод 2:

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

Способ 3:

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

Ответ 5

Вы можете сделать это, используя имя attibute, class, id или просто универсальный флажок; Если вы хотите сосчитать только отмеченный номер флажка.

По названию класса:

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

По названию атрибута:

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

Полный код

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