选中/取消选中所有复选框，无需循环且无需框架

Question

是否可以在 a) 不循环的情况下 b) 不使用 jQuery 等 Javascript 框架的情况下选中或取消选中页面上的一组复选框？

这个问题相关，但与（取消）选中所有复选框有关在带有 jQ​​uery 的页面上。

我预计我的问题的答案可能是“不”，但如果有一些奇怪的、黑客的方式来做这件事（不奇怪也不黑客也很好！）那么我想知道。如果你愿意的话，可以称之为好奇心。

编辑：我想我真正要求的是一种在 O(1) （恒定时间）而不是 O(n) （相对于复选框数量的线性时间）中完成此操作的方法

Answer 1

如果按钮位于表单中，并且未选中默认状态并且您不介意重置表单中的所有其他控件，则可以使用重置按钮。否则，无论使用 POJS 还是“框架”，都必须使用循环。

妈妈你看，没有剧本！

<form action="#">
  <div>
    <input type="checkbox" name="cb0">
    <input type="checkbox" name="cb1">
    <input type="checkbox" name="cb2">
    <input type="checkbox" name="cb3">
    <br>
    <input type="reset" value="Uncheck all">
  </div>
</form>

Answer 2

选中或取消选中页面上的一组复选框的一种方法是单独引用每个复选框。

这满足标准“a”（无循环）和标准 b（无框架）

Answer 3

您可以使用 map() 来完成此操作，它可能是也可能不是循环，具体取决于您对“循环”使用的定义的严格程度:)但从所有实际角度来看，这只是转换循环的另一种方式。我想说你的问题的答案是“不”。

---

EDIT:

var checkboxes = getElement...
checkboxes.map(function(c) {
    c.checked = true;
});

Answer 4

您可以修改/覆盖完整的 HTML 代码：

<div id="checkBoxes">
<input name="foo" type="checkbox" value="1" />
<input name="bar" type="checkbox" value="1" />
<input name="baz" type="checkbox" value="1" />
</div>

<script type="text/javascript">
function checkAll(){
    document.getElementById("checkBoxes").innerHTML = 
         '<input name="foo" type="checkbox" value="1" checked="checked" />'
        +'<input name="bar" type="checkbox" value="1" checked="checked" />'
        +'<input name="baz" type="checkbox" value="1" checked="checked" />';
}
function uncheckAll(){
    document.getElementById("checkBoxes").innerHTML = 
         '<input name="foo" type="checkbox" value="1" />'
        +'<input name="bar" type="checkbox" value="1" />'
        +'<input name="baz" type="checkbox" value="1" />';
}
</script>

没有循环，没有框架，只是有点不美观。