禁用和启用 html 输入按钮

Question

所以我有一个这样的按钮：

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

如何在需要时禁用和启用它？我试过 disabled="disable" 但重新启用它是个问题。我尝试将其设置回 false 但这并没有启用它。

原文由 k.ken 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 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');

• 在这里演示

jQuery 1.6 之后的所有版本

• 禁用 html 按钮

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

• 启用 html 按钮

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

• 在这里演示

PS 根据 jquery 1.6.1 的变化 更新了代码。作为建议，请始终使用最新的 jquery 文件和 prop() 方法。

原文由 palaѕн 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

要在 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");

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

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

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

原文由 Ian 发布，翻译遵循 CC BY-SA 3.0 许可协议