如何使用jQuery计算复选框？答案

【问题标题】：How to count check-boxes using jQuery?如何使用jQuery计算复选框？
【发布时间】：2011-12-22 03:09:03
【问题描述】：

我有很多复选框被选中 (checked="checked") 或未选中。

我想获取所有复选框的数量，未选中和选中的复选框。

复选框是指<input type="checkbox" />。

如何用 jQuery 做到这一点？提前致谢！

【问题讨论】：

标签： jquery checkbox count checked

【解决方案1】：

你可以这样做：

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

编辑

甚至简单

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

【讨论】：

【解决方案2】：

假设您有一个 tr 行，其中包含多个复选框，并且您只想在第一个复选框被选中时才计数。

你可以通过给第一个复选框一个类来做到这一点

例如class='mycxk'，你可以使用过滤器来计算，像这样

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

【讨论】：

我更喜欢这个答案，因为我可以定义 let myCheckboxList = $('.mycxk'); 以在 myCheckboxList.filter(':checked').length 之后重用它。
我也喜欢这个答案

【解决方案3】：

以下代码对我有用。

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

【讨论】：

【解决方案4】：

有多种方法可以做到这一点：

方法一：

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

方法二：

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

方法三：

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

【讨论】：

【解决方案5】：

您可以使用名称属性、类、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;
});

【讨论】：