javascript - 使用 Javascript 启用复选框

Question

我刚刚开始使用 javascript，所以如果我的问题看起来很愚蠢，请原谅我。我想设计一个带有一些复选框的网页，这样当选中第一个复选框时，其他复选框就会启用。我该如何使用 JS 来做到这一点？我编写了以下代码:

function checkBox() {
    if (window.document.form1.mainbox.checked=true) {
        for (i=0;i<window.document.form1.Others.length;i++) {
            window.document.form1.Others[i].disabled=false;
        }
    }
    else {
        for (i=0;i<window.document.form1.Others.length;i++) {
            window.document.form1.Others[i].disabled=true;
        }
    }
}

还有这个 html:

<form name="form1">
<input name="mainbox" value="mainbox" onclick="checkBox()" type="checkbox"> Mainbox<br>
<input disabled="disabled" checked="checked" tabindex="0" name="Others"   type="checkbox">No. 1<br>
<input disabled="disabled" checked="checked" tabindex="1" name="Others" type="checkbox"> No. 2<br>
<input disabled="disabled" checked="checked" tabindex="2" name="Others" type="checkbox"> No. 3<br>
</form>

问题是，第一次单击时，其他复选框确实被启用，但后续单击时没有任何反应，即它们不会再次被禁用。我该如何纠正这个问题？任何帮助将不胜感激。谢谢!

编辑

我听从了gabitzish的建议，结果成功了。但是，我现在想将Others作为参数传递，所以我写:

<input name="mainbox" value="mainbox" onclick="checkBox(Others)" type="checkbox"> Mainbox<br>

并修改脚本如下:

window.checkBox = function(chkname) {
    if (window.document.form1.mainbox.checked==true) {
        for (i=0;i<window.document.form1.chkname.length;i++) {
            window.document.form1.chkname[i].disabled=false;
        }
    }
    else {
        for (i=0;i<window.document.form1.chkname.length;i++) {
            window.document.form1.chkname[i].disabled=true;
        }
    }
}

但这不起作用。请帮我一下。我将非常感激。

Answer 1

这条线有问题(你缺少一个=)

if (window.document.form1.mainbox.checked=true)

尝试将其更改为

if (window.document.form1.mainbox.checked)