Question

我想计算用户选择了多少个复选框。例如，如果他选择5，则从一组10个复选框中，我希望能够计算它。使用这一行：

$(":checkbox:checked")

我可以选中所有选中的复选框，是否有办法获取该语句返回的所有元素的计数？

Answer 1

使用size()方法或length属性。长度属性是首选，因为它更快。

示例：

var count = $("[type='checkbox']:checked").length;

Answer 2

使用jQuery：

var cbs = $("input:checkbox"); //find all checkboxes
var nbCbs = cbs.length; //the number of checkboxes

var checked = $("input[@type=checkbox]:checked"); //find all checked checkboxes + radio buttons
var nbChecked = checked.length;

使用JavaScript：

var inputs = document.getElementsByTagName("input"); //or document.forms[0].elements;
var cbs = []; //will contain all checkboxes
var checked = []; //will contain all checked checkboxes
for (var i = 0; i < inputs.length; i++) {
  if (inputs[i].type == "checkbox") {
    cbs.push(inputs[i]);
    if (inputs[i].checked) {
      checked.push(inputs[i]);
    }
  }
}
var nbCbs = cbs.length; //number of checkboxes
var nbChecked = checked.length; //number of checked checkboxes

来源：How to find Checkboxes? at coderanch

如何获取页面上所有已选中复选框的计数

2 个答案: