我将如何创建一个javaScript函数来计算选中了多少复选框

How would I create a javaScript function that counts how many checkboxes are checked?

本文关键字：计算 函数 复选框 多少 javaScript 何创建 创建 一个      更新时间：2023-09-26

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

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

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

演示

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

因此，要获得总和，您可以执行以下操作：

var sum = checkedCheckboxes.length * 500;

使用 jQuery：

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

没有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);
相关文章：