使用 ASP.NET CheckBox 控件时无法在 IE 中启用复选框

Question

我有一个 HTML 表单，其中有两个禁用的复选框和带有 onclick 事件的图像，该事件需要显示弹出窗口并启用复选框：

<input id="chk1" type="checkbox" disabled="disabled" />
<input id="chk2" type="checkbox" disabled="disabled" />
<img src="..." onclick="window.open('...'); document.getElementById('chk1').disabled=false;document.getElementById('chk2').disabled=false" />

但它不起作用。弹出窗口打开，但复选框从未启用。

我没有尝试使用 disabled=false 而不是 removeAttribute("disabled") 但没有成功。我还将 window.open 放置为 onclick 中的最后一个语句，没有任何更改。

jQuery 还不在这个项目中，所以我无法使用它。我做错了什么？

编辑：

当我发布此内容时，我没有透露 input 标记是由 ASP.NET 呈现的。通过测试我们发现使用 和 之间存在差异这会影响 disabled 属性在 IE 和 FF 中的行为方式。

我一直认为最终的输出是相同的，但显然不是，尽管我无法发现差异。当使用 CheckBox 对象时，如上所示的渲染代码可以在 FF 中工作，但不能在 IE 中工作，但在使用 HtmlInputCheckBox 对象时，可以在两者中工作。

（我还应该指出，getElementById 调用实际上是使用各个元素的 ASP.NET ClientID 属性。）

那么我现在的问题是，为什么会出现这种情况？为什么使用 HtmlInputCheckBox 对象时启用/禁用功能在 IE 和 FF 中都有效，但对于 CheckBox 对象却不起作用？

Answer 1

尝试用这个，

inputElement.removeAttribute( 'disabled' );
inputElement.closest('span').removeAttribute( 'disabled' );

Answer 2

我刚刚找到了解决方案。这对我有用！

var checkBox = document.getElementById('" + chkBox.ClientID + "');
checkBox.removeAttribute('disabled');
checkBox.parentNode.removeAttribute('disabled');

Answer 3

首先检查您的网络，其次这是一个链接，这是一个可供您使用的好功能

复选框禁用/启用 JS 功能

Answer 4

要启用复选框，我通常应用以下两项：

inputElement.disabled = false;
inputElement.removeAttribute( 'disabled' );

一些浏览器喜欢 DOM 节点属性，其他浏览器希望调整 attr。

如果你说你正在做的事情不起作用，我很抱歉——我不太清楚你在说什么。

Answer 5

尝试这样做：

document.getElementById('chk1').getAttribute("disabled") = false;

Answer 6

事实上，您可以执行相反的操作来启用复选框。试试这些...

document.formname.chkname.disabled='';