Javascript 如何计算HTML表中选定复选框的总数
如何计算此表中所选复选框的数量:Javascript 如何计算HTML表中选定复选框的总数,javascript,php,html,Javascript,Php,Html,如何计算此表中所选复选框的数量: <tbody> <tr> <td> <center> <form> <input type="checkbox" value="<?php echo $rws['amount']; ?>" /> </form>
<tbody>
<tr>
<td>
<center>
<form>
<input type="checkbox" value="<?php echo $rws['amount']; ?>" />
</form>
</center>
</td>
</tr>
</tbody>
querySelectorAll
允许您获取与任何CSS选择器匹配的元素列表,因此您可以使用该列表来获取复选框。您可以在其上使用Array.prototype.reduce
,以统计检查的数量。因此:
var count = Array.prototype.reduce.call(
document.querySelectorAll("input[type=checkbox]"),
function(sum, cb) {
return sum + cb.checked ? 1 : 0;
},
0
);
的“类似数组”部分解释了array.prototype.reduce
的使用,它允许我们将querySelectorAll
中的列表视为数组,而不是数组
描述了reduce
的工作原理。要么只有一个,要么html标记无效。表单不能在tablecell中开始,也不能在另一个tablecell中结束-这并不是说上面的表单已经关闭。使用jquery可以很容易地创建:$('table')。查找(':checkbox')。长度
如何添加所有选中复选框的总数