如何为未知数量的复选框实现全选按钮

How implement a select all button for an unknown number of check boxes

本文关键字：复选框 实现 全选 按钮 未知数      更新时间：2023-09-26

我不确定从哪里开始，所以我没有任何代码要发布。我希望创建一个按钮，单击该按钮会将页面上的所有复选设置为选中，反之亦然。问题是我不知道我有多少个复选框，并且我没有为复选框分配 ID，因为它们是由 javascript 生成的，作为搜索结果记录的一部分。任何想法，我可以将全局所有复选框设置为true或类似简单吗？

提前致谢

标准 JavaScript：

var nodeList = document.querySelectorAll("input[type=checkbox]");
for(var i = 0; i < nodeList.length; i++) {
    nodeList[i].checked = true;
}

使用 jQuery：

jQuery("input[type=checkbox]").prop("checked", true);

您可以使用魔术document.querySelectorAll()函数在 Vanilla JS 中完成此操作

http://jsfiddle.net/gunderson/vcWrw/

例如，如果您使用 jquery，则可以使用任何选择器来选中复选框，然后应用操作，例如设置它们的值。

$( "[type=checkbox]" ).prop("checked", false)
相关文章：