javascript - 我将如何创建一个 javaScript 函数来计算检查了多少个复选框？

Question

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

注意：我不能使用 jQuery，它必须是纯 JS，对不起各位！

Answer 1

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

演示

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);