我不知道从哪里开始,所以我没有任何代码可以发布。我希望创建一个按钮,单击该按钮会将页面上的所有复选框设置为选中,反之亦然。问题是我不知道我有多少个复选框,并且我没有为复选框分配 ID,因为它们是由 javascript 作为搜索结果记录的一部分生成的。有什么想法可以将全局所有复选框设置为 true 或类似的简单操作吗?
提前致谢
我不知道从哪里开始,所以我没有任何代码可以发布。我希望创建一个按钮,单击该按钮会将页面上的所有复选框设置为选中,反之亦然。问题是我不知道我有多少个复选框,并且我没有为复选框分配 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中使用魔术函数来完成此操作
例如,如果您使用 jquery,您可以使用任何选择器来选择复选框,然后应用操作,例如设置它们的值。
$( "[type=checkbox]" ).prop("checked", false)