javascript - 如何在 Internet Explorer 中禁用复选框

Question

我有一个将文本框与复选框配对的应用程序。用户可以选中该复选框，该复选框会使用特定的美元金额自动填充文本框。如果他们取消选中复选框，这会将文本框的值设置为零。他们还可以在文本框中输入美元金额，然后 onblur 事件处理程序会切换复选框。

当他们在文本框中输入美元金额，然后单击鼠标选中复选框时，问题就来了。这会触发 onblur 事件，该事件会自动切换复选框，然后识别鼠标点击，将美元金额设置回零。

我的解决方案是禁用文本框焦点上的复选框，然后在模糊事件上启用文本框上的复选框。

这在 Firefox 和 Chrome 中运行良好，但在 Internet Explorer 中失败得很惨。当复选框被禁用时，FF 和 Chrome 会忽略鼠标在复选框上的任何点击。这意味着当用户在文本框中输入美元金额后单击禁用的复选框时，不会触发 onblur 事件。该复选框保持禁用状态。他们必须单击页面上的其他位置才能启用它。

在 Internet Explorer 中，当用户单击禁用的复选框时会触发 onblur 事件，并且复选框会识别单击，在使用 onblur 事件处理程序检查后立即取消选中复选框，将文本框值设置回零。

我需要一个更好的解决方案。如何让 Internet Explorer 像 FF 和 Chrome 一样运行，忽略对已禁用复选框的任何点击。或者，是否有更优雅的解决方案？

示例代码:

<input type=textbox id=textbox1 onFocus=CheckboxDisable('pairedWithTextBox1'); onBlur=CheckboxEnable('pairedWithTextBox1');>
<input type=checkbox id=pairedWithTextBox1>

Javascript 代码:

function CheckboxDisable(id){
    document.getElementById(id).disabled = true;
}

function CheckboxEnable(id){
    document.getElementById(id).disabled = false;
}

Answer 1

缺乏真正的解决方案。 .. 您可以 在文本元素的焦点上的复选框上设置数据属性，然后在点击事件的 cb 上检查它并覆盖默认操作。 ..