Question

我想在点击按钮（其ID为name_text_field）时启用文本字段（其ID为name_button）。但我的代码无效。

以下是我的 HTML 代码：

<input type="text" id="name_text_field" readonly="readonly" value="name">
<button id="name_button" onclick="enableTxt()" style="color: #009dcd; color: #009dcd; border: none; background-color: #ffffff;">name</button>

以下是我的 JavaScript 代码：

function enableTxt() {
  document.getElementById("name_text_field").disabled = false;
}

Answer 1

我想你想让它成为可写的。

由于您要设置readOnly属性，因此应将readOnly属性更改为false。

function enableTxt() {
  document.getElementById("name_text_field").readOnly = false;
}

DEMO

或者您可以在HTML中创建disabled，然后您的代码就可以使用。

Answer 2

disabled和readonly是完全不同的两件事。

如果您希望禁用元素，请使用

<input type="text" id="name_text_field" value="name" disabled>

演示：

function enableTxt() {
  document.getElementById("name_text_field").disabled = false;
}

<input type="text" id="name_text_field" value="name" disabled>
<button id="name_button" onclick="enableTxt()" style="color: #009dcd; color: #009dcd; border: none; background-color: #ffffff;">name</button>

Answer 3

试试这个

function enableTxt() {
  document.getElementById('name_text_field').readOnly = false;
}

Answer 4

这很简单。当您确实应该更改disabled时，您试图更改readonly。你也可以只使用残疾人并将所有人一起留下来。

HTML：

<input type="text" id="name_text_field" disabled="true" value="name">
<button id="name_button" onclick="enableTxt()" style="color: #009dcd; color: #009dcd; border: none; background-color: #ffffff;">name</button>

JS：

function enableTxt() {
  document.getElementById("name_text_field").disabled = false;
}

希望有帮助＆amp;这是一个demo for proof!

如何使用JavaScript使只读文本字段可写？

4 个答案: