Javascript 单击按钮时禁用只读文本框

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

好吧，简单一点！您可以使用jQuery删除该属性（jQuery很简单，您也可以使用JS来完成）。以下是代码：

$('input[type=submit]').click(function () {
  $('input[type=text]').removeAttr('readonly');
})

你可以做两件事：

• 使用删除（不区分大小写）属性
• 将（区分大小写）属性设置为

  false

HTML:

JS（选项2）：[]

---

您需要将元素的

readOnly

属性设置为

false

您可以使用，它通过其ID引用元素

HTML，在这里我向元素添加了id

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

---

此外，我建议您使用

'type=“button”

而不是

type=“submit”

jQuery或JavaScript，您使用的是什么？是否需要将上面的代码包含在标记中？

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

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

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

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