如何启用禁用的文本字段？

Question

我想知道如何在提交时启用已禁用的表单文本字段。此外，我想确保用户是否返回表单或单击重置字段将再次显示为已禁用。

我尝试使用

document.pizza.field07.disabled = false ;

它会禁用该字段，通过单击重置或按下后退按钮仍然保持启用。

请指导。

Answer 1

要以更标准的方式访问此元素，请将document.getElementById与setAttribute

一起使用

document.getElementById("field07").setAttribute("disabled", false);

修改

根据您的评论，看起来field07是名称，而不是ID。因此，这应该是你想要的：

var allfield7s = document.getElementsByName("field07");
for (var i = 0; i < allfield7s.length; i++)
    allfield7s[i].setAttribute("disabled", false);

Answer 2

这是我唯一可行的解​​决方案：

var allfield7s = document.getElementsByName("field07");
for (var i = 0; i < allfield7s.length; i++)
    allfield7s[i].removeAttribute("disabled");

Answer 3

您可以使用以下JavaScript代码启用已禁用的html控件。

<强>的document.getElementById（＆＃39; elementId＆＃39）的removeAttribute。（＆＃39;禁用＆＃39）;

Answer 4

您也可以使用jQuery：

执行此操作

$(function(){
    $("[name='field07']").prop("disabled", false);
});

我们只需选择name属性为field07的所有元素（使用名称，因为您在@ AdamRackis的回答的注释中这样说）并将其disabled属性设置为{{ 1}}。

有关prop()的更多信息。

Answer 5

您可以使用以下帮助代码来启用禁用的html控件（例如输入，文本区域，按钮等）。

要禁用：

document.getElementById("id_name").setAttribute("disabled", true);

要启用：

document.getElementById('id_name').removeAttribute('disabled');