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

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

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

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

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

+40
04 нояб. '11 в 15:18
источник поделиться
5 ответов

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

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

ИЗМЕНИТЬ

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

var numberNotChecked = $('input:checkbox:not(":checked")').length;
+130
04 нояб. '11 в 15:19
источник

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

$('input[name="chkGender[]"]:checked').length;
+10
30 июн. '15 в 11:06
источник

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

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

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

$('.mycxk').filter(':checked').length
+7
27 авг. '16 в 1:55
источник

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

Метод 1:

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

Метод 2:

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

Способ 3:

alert($(":checkbox:checked").length);
+2
09 янв. '17 в 6:57
источник

Вы можете сделать это, используя имя 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;
});
0
17 апр. '19 в 2:38
источник

Посмотрите другие вопросы по меткам или Задайте вопрос