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

标签 javascript jquery html internet-explorer checkbox

我有一个将文本框与复选框配对的应用程序。用户可以选中该复选框,该复选框会使用特定的美元金额自动填充文本框。如果他们取消选中复选框,这会将文本框的值设置为零。他们还可以在文本框中输入美元金额,然后 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;
}

最佳答案

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

关于javascript - 如何在 Internet Explorer 中禁用复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28823661/

相关文章:

javascript - 在 Nativescript 中获取点击列表项的上下文

javascript - Vue.js 通过单击相邻元素来获取元素的 html 值

javascript - 如何使用特定元素上的单击事件从 div 中删除类?

javascript - window.open 不打开窗口

html - 垂直居中的 <span> 文本位于更大的 <span> 旁边,都在 <div> 内

javascript - 如何从 GridLayer 制作交互式 Leaflet Tiles

javascript - 使用多个函数声明创建多个innerHTML元素

javascript - 安卓 WebView : how to load page after javascript execution

javascript - 跨域请求的GetJSON

jQuery .on ('click' ) 使用绝对位置时出现问题