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

Question

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

提前致谢

Answer 1

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

Answer 2

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

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

Answer 3

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

$( "[type=checkbox]" ).prop("checked", false)