Question

我有一个输入<input type="text" value="1" readonly id='aaa'/>。

当用户选中此框，然后可以编辑id=aaa的值时，我想给它一个功能。

示例：

<input type="text" value="1" readonly/> <input type="checkbox" /> Checked this if you want to edit the value.

谢谢。

Answer 1

您要使用JavaScript更改readOnly属性。将其设置为与是否选中复选框相反。

document.getElementById('checksome').addEventListener('click', function() {

  var changeThis = document.getElementById('readsome');

  changeThis.readOnly = !this.checked;
});

<input id="readsome" type="text" value="1" readonly>
<label><input id="checksome" type="checkbox"> Click this to edit</label>

Answer 2

向该复选框添加一个onchange事件，该事件将变为其先前兄弟姐妹（文本字段）的readOnly属性

<input type="text" value="1" readonly id="aaa" />
<input type="checkbox" onchange="getElementById('aaa').readOnly = !this.checked" />
Checked this if you want to edit the value.

选中复选框后，可以编辑HTML“只读”输入值

2 个答案: