禁用和启用 html 输入按钮

使用 Javascript

• 禁用 html 按钮

  document.getElementById("Button").disabled = true;
  

• 启用 html 按钮

  document.getElementById("Button").disabled = false;
  

• 此处演示

使用 jQuery

1.6 之前的所有 jQuery 版本

• 禁用 html 按钮

  $('#Button').attr('disabled','disabled');
  

• 启用 html 按钮

  $('#Button').removeAttr('disabled');
  

• 此处演示

1.6 之后的所有 jQuery 版本

• 禁用 html 按钮

  $('#Button').prop('disabled', true);
  

• 启用 html 按钮

  $('#Button').prop('disabled', false);
  

• 此处演示

附言：更新了基于 jquery 1.6.1 更改的代码。作为建议，请始终使用最新的 jquery 文件和 prop（） 方法。

由于您首先要禁用它，因此启用它的方法是将其属性设置为 。disabledfalse

要在Javascript中更改其属性，请使用以下命令：disabled

var btn = document.getElementById("Button");
btn.disabled = false;

显然，要再次禁用它，您将使用。true

由于您还使用jQuery标记了问题，因此可以使用该方法。像这样：.prop

var btn = $("#Button");
btn.prop("disabled", true);   // Or `false`

这是在较新版本的jQuery中。执行此操作的旧方法是添加或删除属性，如下所示：

var btn = $("#Button");
btn.attr("disabled", "disabled");
// or
btn.removeAttr("disabled");

仅存在该属性就会禁用该元素，因此您无法将其值设置为“false”。即使以下情况也应该禁用该元素disabled

<input type="button" value="Submit" disabled="" />

您需要完全删除该特性或设置其属性。