Question

<form name='form1' >
   <input type=checkbox name='cbox[]' />
</form>

<script>    
   var checkbox = document.getElementsByName('ckbox[]')
   var ln = checkbox.length
   alert(ln)
</script>

如何仅使用JavaScript或jQuery计算选中的复选框？

Answer 1

使用jQuery可以缩短代码并使其更具可读性，可维护性和易于理解。将attribute selector与:checked选择器

一起使用

<强> Live Demo

$('[name="cbox[]"]:checked').length

Answer 2

如果你想使用普通的javascript

var checkbox = document.getElementsByName('ckbox[]');
var ln = 0;
for(var i=0; i< checkbox.length; i++) {
    if(checkbox[i].checked)
        ln++
}
alert(ln)

Answer 3

jQuery解决方案：

var len = $("[name='cbox[]']:checked").length;

JavaScript解决方案：

var len = [].slice.call(document.querySelectorAll("[name='cbox[]']"))
    .filter(function(e) { return e.checked; }).length;

Answer 4

如果您没有此表单中的任何其他输入标记，

$('input:checked').length将会执行。

Answer 5

试试这个

jQuery解决方案：

var len = $(":checked",$("input[name='cbox[]']")).size();

Answer 6

var fobj = document.forms[0];

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

alert('Total Checked = ' + c);

Answer 7

试试，

var boxes = $('input[name="cbox[]"]:checked');

查找已检查的数量，

$(boxes).size();

或

$(boxes).length();

Answer 8

var len = $("[name='cbox[]']:checked").length;

如果您直接比较

，

将起作用但不起作用

if ( $("[name='cbox[]']").length= $("[name='cbox[]']:checked").length)

Answer 9

你也是这样做的

你必须为checkBox定义类，然后按照下面的

var chkLength = $（＆＃39; input.className：checked＆＃39;）。length; 警报（chkLength）;

这将打印列表

中的总复选框号

Answer 10

您也可以使用以下

$('[name=cbox\\[\\]]:checked').length

Answer 11

试试这个，

var ch_n = $（“input：checked”）。length;

怎样才能获得选中复选框数组javascript的长度

11 个答案: