如何计算HTML表中所选复选框的总数

Question

如何计算此表中所选复选框的数量：

<tbody>
    <tr>
        <td>
            <center>
                <form>
                    <input type="checkbox" value="<?php echo $rws['amount']; ?>" />
                </form>
            </center>
        </td>
    </tr>
</tbody>

Answer 1

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

this answer的“类似数组”部分解释了Array.prototype.reduce的使用，它允许我们从querySelectorAll处理列表，就好像它不是数组一样。< / p>

MDN描述了reduce的工作原理。