web-dev-qa-db-ja.com

jQueryを使用してチェックボックスを数える方法は？

チェックされているチェックボックスがたくさんあります（checked="checked"）または未チェック。

すべてのチェックボックス、未チェックおよびチェック済みのチェックボックスの数を取得したいと思います。

チェックボックスでは、<input type="checkbox" />。

JQueryでそれを行う方法？前もって感謝します！

jquerycheckboxcountchecked
40
daGrevis

できること：

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

編集

または単純でも

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

次のコードは私のために働いた。

$('input[name="chkGender[]"]:checked').length;
10
Nguyễn Thành Bồi

複数のチェックボックスを含むtr行があり、最初のチェックボックスがチェックされている場合にのみカウントしたいとします。

最初のチェックボックスにクラスを与えることでそれを行うことができます

例class='mycxk'そして、あなたはこのようにフィルターを使ってそれを数えることができます

$('.mycxk').filter(':checked').length
8
Samuel Aiala Ferreira

それを行うには複数の方法があります。

方法1：

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

方法2：

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

方法3：

alert($(":checkbox:checked").length);
2
Hasnain Mehmood

名前属性、クラス、ID、または単に汎用チェックボックスを使用してそれを行うことができます。 checkedチェックボックスの数のみをカウントする場合。

クラス名で：

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
CodeLover