javascript - javascript中的自动检查复选框

Question

我的页面上有多个复选框和一个“全选”按钮。我希望，当我按下选择按钮时，页面上的所有元素都将被选中。这是我尝试过的 javascript 代码:

<script>
    function selectall() {
        for (var i = 0; i < document.getElementsByName("ch").length; i++) {
            document.getElementsByName(ch[i]).checked = true;
        }
    }
</script>

这是 html:

<form action="analize.php" method="POST" enctype="multipart/form-data">
    <input type="button" onclick="selectall()" value="SELECT ALL" />
    <input type="checkbox" name="ch[]" value="a" align="MIDLE" />
    <input type="checkbox" name="ch[]" value="b" align="MIDLE" />
    <input type="checkbox" name="ch[]" value="c" align="MIDLE" />
</form>

但它不起作用。问题是什么？

Answer 1

目标元素的name 属性是ch[] 而不是ch。还有 .getElementsByName(ch[i])应该是 .getElementsByName('ch[]')[i]。

for (var i = 0; i < document.getElementsByName("ch[]").length; i++) {
    document.getElementsByName('ch[]')[i].checked = true;
}

您还可以缓存 NodeList，这比在每次迭代中查询 DOM 更有效:

var nodeList = document.getElementsByName("ch[]");
for (var i = 0; i < nodeList.length; i++) {
    nodeList[i].checked = true;
}