Javascript在复选框勾选上启用文本字段

Question

我有这个HTML代码：

<input type="checkbox" onclick="document.getElementById('directory_entry_name').disabled=this.checked;" name="directory_entry" id="directory_entry" />

<strong>Name: </strong><input type="text" name="directory_entry_name" id="directory_entry_name" disabled="disabled" />

文本框被禁用，我试图这样做，当复选框被选中时，它将启用文本框，当它再次被取消选中时，它将禁用文本框。

如果我使用它可以工作：

<input type="checkbox" onclick="document.getElementById('directory_entry_name').disabled=false;" name="directory_entry" id="directory_entry" />

但是当它未经检查时，它不会重新禁用文本框。

Answer 1

这是相反的。 放一个! （不）在那里。

document.getElementById('directory_entry_name').disabled=!this.checked;

Answer 2

浏览器检查是否有属性已禁用，而不是值： 禁用属性说明因此，在禁用或启用输入的功能中，您应添加和删除“已禁用”属性。 你可以用jQuery .removeAttr（）和.attr（）来做到这一点。

所以函数看起来像这样：

function SetInputActive(checkbox) {
if($(checkbox).is(':checked')) $('directory_entry_name').removeAttr("disabled");
else $('directory_entry_name').attr("disabled", "disabled");
}