javascript - 单击按钮时禁用对文本框的只读

Question

我对文本框使用了“只读”属性，这使得文本框不可编辑，我想知道如何在单击按钮时禁用只读属性。我们可以使用任何脚本来做到这一点吗？

<input type="text" name="" value="" readonly="readonly"/><br/>
<input type="submit" name="" value="update" onclick="" />

Answer 1

你可以做两件事:

• 删除 readonly (不区分大小写)属性，使用 removeAttribute
• 设置readOnly (区分大小写)属性为 false

HTML:

<input id="myInput"  type="text"  readonly="readonly" /><br />
<input id="myButton" type="submit" value="update" />

JS(选项 1):[ Demo ]

document.getElementById('myButton').onclick = function() {
    document.getElementById('myInput').removeAttribute('readonly');
};

JS(选项 2):[ Demo ]

document.getElementById('myButton').onclick = function() {
    document.getElementById('myInput').readOnly = false;
};