javascript - 在 IE7 中禁用复选框

Question

我在一个表单中有两个复选框，如果选中第一个复选框，则应启用第二个复选框，如果未选中第一个复选框，则应禁用第二个复选框。我做了一个快速函数来处理这个:

function toggleElement(sender, receiver)
{
    var sendEl = document.getElementById(sender);
    var recEl = document.getElementById(receiver);
    if (sendEl.checked)
        recEl.disabled = false;
    else
        recEl.disabled = 'disabled';
}

这在 FF 和 IE 8/9 中工作正常，但在 IE7 中没有任何作用，我添加了以下内容以查看发生了什么:

alert(receiver);
alert(recEl);
alert(recEl.disabled);

在可用的浏览器(FF、IE8+)中，这些警告“名称”、“[对象]”和“true”(如果禁用)“false”(否则)。在 IE7 中，警报被触发，但会显示“名称”、“[对象]”和“真”，即使复选框从未被禁用(它不会变灰，我可以继续单击它)

知道为什么它在 IE7 中不起作用吗？

Answer 1

当您操作 DOM 时，disabled 属性应该设置为 true 或 false，而不是字符串。如果将 'disabled' 替换为 true 会怎样？

您也可以将逻辑简化为

recEl.disabled = !sendEl.checked;

这是 JavaScript 中非常基础的东西；甚至 IE 也不应该有问题。