Javascript 统计复选框选中个数
时间: 2023-08-05 12:14:56 浏览: 159
javascript实现复选框选中属性
5星 · 资源好评率100%
你可以使用以下代码来统计复选框选中的个数:
```javascript
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var count = 0;
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
count++;
}
}
console.log(count + ' checkboxes are checked.');
```
首先,我们使用 `document.querySelectorAll()` 方法获取所有类型为复选框的元素,并将它们存储在 `checkboxes` 变量中。
然后,我们使用一个循环遍历所有复选框元素,并检查它们是否被选中。如果是,我们将选中的计数加1。
最后,我们将选中数目输出到控制台中。
阅读全文