这段 JavaScript 代码有什么问题？

Question

我有两个复选框，名称为 check1 和 check2。我希望如果检查了另一项，则禁用其中一项。这就是我所做的：

var male = document.getElementById("check1");
var female = document.getElementById("check2");

male.disabled = (female.checked == true) ? true : false;
female.disabled = (male.checked == true) ? true : false;

它根本不起作用。语法是否正确。我做错了什么？

Answer 1

您需要 onchange 事件，并且您的代码也可以得到整理。

var male = document.getElementById("check1"),
    female = document.getElementById("check2");

male.onchange = function() {
    female.disabled = male.checked;
};

female.onchange = function() {
    male.disabled = female.checked;
};

jsFiddle。

另外，你不应该使用无线电输入吗？

Answer 2

根本不应该设置 disabled 来禁用 AFAIK，任何值都是“truthy”，

执行 .removeAttribute('disabled') 即可不禁用它。

Answer 3

单击一个复选框时，您需要更改另一个复选框的状态，例如。男性改变-女性改变，反之亦然。

function maleOnClick(){
    female.checked= !this.checked;
}
function femaleOnClick(){
    male.checked= !this.checked;
}

无论如何，你为什么不使用 type="radio"

Answer 4

尝试：

 male.setAttribute('disabled', 'disabled'); //set
 male.setAttribute('disabled', ''); //clear

那么：

male.setAttribute = (female.checked == true) ? 'disabled': '';