获取在 Javascript 中选中的复选框的数量答案

【问题标题】：Get number of checkboxes that are checked in Javascript获取在 Javascript 中选中的复选框的数量
【发布时间】：2011-02-11 10:39:46
【问题描述】：

我正在尝试制作一个 javascript 函数（尽管 jquery 完全可以），它将返回一个与表单中选中的复选框数量相对应的数字。看起来很简单，但我想不出一个好的方法。

谢谢。

【问题讨论】：

标签： javascript jquery checkbox forms

【解决方案1】：

试试

$(":checkbox").filter(":checked").size()

【讨论】：

@Yuriy Faktorovich：只是为了说明。我现在已经删除了它@Sarfraz：你是对的。我已经改正了

【解决方案2】：

试试这个：

var formobj = document.forms[0];

var counter = 0;
for (var j = 0; j < formobj.elements.length; j++)
{
    if (formobj.elements[j].type == "checkbox")
    {
        if (formobj.elements[j].checked)
        {
            counter++;
        }
    }       
}

alert('Total Checked = ' + counter);

.

使用 JQuery：

alert($('form input[type=checkbox]:checked').size());

【讨论】：

只是为了澄清 - 标准 JS 代码不会拾取不在表单内的输入元素。 jQuery 行会。
@danp: 是的，现在两种方式都会选择表单中的所有复选框。
使用JQuery，如$('form input[type=checkbox]:checked')，如何获取被检查项的id的详细信息？

【解决方案3】：

var chk = $('form').find('input[type=checkbox]:checked').length

【讨论】：

【解决方案4】：

$('form :checkbox:checked').length

【讨论】：

.length 和 .size() 有什么区别？
@Mint stackoverflow.com/questions/2738352/…

【解决方案5】：

 var checkBoxs = $('#myForm').children('input[type="checkbox"]:checked');
 alert(checkBoxs.length);

【讨论】：

【解决方案6】：

变化很大

您必须将类名赋予复选框并执行

var chkLength = $('input.className:checked').length;

警报(chkLength);

这将从复选框列表中删除所有选中的复选框

【讨论】：