Question

我正在制作一个程序，为每个选中的复选框增加500，所以我想知道JS是用什么来查找在表单中检查了多少个复选框。谢谢！

注意：我不能使用jQuery，它必须是直接的JS，对不起伙计！

Answer 1

使用element.querySelectorAll支持的:checked选择器。

var checkedCheckboxes = yourForm.querySelectorAll('input[type="checkbox"]:checked');

因此，为了获得总和，你可以做到：

var sum = checkedCheckboxes.length * 500;

Answer 2

使用jQuery：

var $checked = $("input[type=checkbox]:checked");

alert($checked.length);

Answer 3

没有jquery，与IE6-8等旧版浏览器兼容。

var form = document.getElementById('id-of-form');
var list = form.getElementsByTagName('input');
var count = 0;
for (var idx=0, len = list.length; idx < len; ++idx) {
  if (list[idx].checked) ++count;
}
alert(count);

我如何创建一个javaScript函数来计算检查复选框的数量？

3 个答案: