所以我有一个这样的按钮：
<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>
如何在需要时禁用和启用它？我试过，disabled="disable"但启用它是一个问题。我尝试将其设置回 false 但这并没有启用它。
禁用和启用 html 输入按钮
IT技术
javascript
jquery
2021-02-08 22:26:02
6个回答
使用 JavaScript
禁用 html 按钮
document.getElementById("Button").disabled = true;启用 html 按钮
document.getElementById("Button").disabled = false;
使用 jQuery
jQuery 1.6 之前的所有版本
禁用 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()方法。
由于您首先禁用它，启用它的方法是将其disabled属性设置为false.
要disabled在 Javascript 中更改其属性，请使用以下命令：
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="" />
您需要完全删除该属性或设置其属性。
只需直接使用 JavaScript 即可轻松完成此操作，无需任何库。
启用按钮
document.getElementById("Button").disabled=false;
禁用按钮
document.getElementById("Button").disabled=true;
不需要外部库。
disable 属性只有一个参数。如果您想重新启用它，您必须删除整个内容，而不仅仅是更改值。
$(".btncancel").button({ disabled: true });
这里的“btncancel”是按钮的类名。