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;