javascript - 如何在选中的复选框数组javascript上获取长度

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 来做这件事会缩短代码，使其更具可读性、可维护性和更容易理解。将属性选择器与:checked选择器一起使用

现场演示

$('[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 = $('input.className:checked').length; 警报（chkLength）；

这将从列表中打印您的复选框总数

Answer 10

您也可以使用如下

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

Answer 11

试试这个，

var ch_n = $( "输入：已检查" ).length;