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

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('elementId').removeAttribute('disabled');

Answer 4

您还可以使用 jQuery 执行此操作：

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

我们只需选择 name 属性为 < code>field07 （使用名称，因为您在 @AdamRackis 答案的评论中这么说）并将其 disabled 属性设置为 false。

有关 prop() 的更多信息。

Answer 5

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

禁用：

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

启用：

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