javascript - 数组的 Document.getElementByName

Question

我想在 javascript 元素上创建一个循环，我的 html 是:

<input type="checkbox" name="menu[]" value="0">
<input type="checkbox" name="menu[]" value="1">
<input type="checkbox" name="menu[]" value="2">

而 javascript 是

window.onload = function() {
    var x = document.getElementsByName("menu");
    for (i = 0; i < x.length; i++) {
        if (x[i].type == "checkbox") {
            x[i].checked = true;
        }
    }

}

但是没有检测到任何元素!!!!试试 alert(x.length) 你会看到 0!!

Answer 1

元素名称是 menu[]，就像它在 HTML 源代码中所说的那样。

window.onload = function() {
    var x = document.getElementsByName("menu[]"), i;
    for (i = 0; i < x.length; i++) {
        if (x[i].type == "checkbox") {
            x[i].checked = true;
        }
    }
}

<input type="checkbox" name="menu[]" value="0">
<input type="checkbox" name="menu[]" value="1">
<input type="checkbox" name="menu[]" value="2">
<p>All checkboxes named <b>menu[]</b> have been checked.</p>

HTML 不关心方括号。它们没有任何意义，它们就像字母一样。

例如，PHP 对它们进行特殊处理这一事实与 HTML 无关。

P.S. 不要忘记声明您的循环计数器 i，否则它将是全局的，您不需要全局循环计数器。