Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/259.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何计算HTML表中选定复选框的总数_Javascript_Php_Html - Fatal编程技术网

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')。长度
如何添加所有选中复选框的总数