禁用和启用html输入按钮

我有一个这样的按钮:

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

当我需要时，我如何禁用和启用它?我已经尝试了禁用=“禁用”，但启用它回来是一个问题。我试着把它设置回false，但那没有启用它。

当前回答

使用JavaScript禁用/启用html输入按钮:

(以及与裁判反应。取代“elementRef。如果不使用React，元素选择current)

 elementRef.current.setAttribute('disabled', 'disabled');

启用:

 elementRef.current.removeAttribute('disabled');

其他回答

由于首先要禁用它，启用它的方法是将其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="" />

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

使用Javascript

禁用html按钮 . getelementbyid(“按钮”)。Disabled = true; 启用html按钮 . getelementbyid(“按钮”)。禁用= false; 演示

使用jQuery

jQuery 1.6之前的所有版本

禁用html按钮 $(" #按钮”).attr(“禁用”,“禁用”); 启用html按钮 $(" #按钮”).removeAttr(“禁用”); 演示

jQuery 1.6之后的所有版本

禁用html按钮 $(" #按钮”)。道具(“禁用”,真正的); 启用html按钮 $(" #按钮”)。道具(“禁用”,假); 演示

注:在jquery 1.6.1的基础上更新了代码。建议使用最新的jquery文件和prop()方法。

没有jQuery禁用输入会更简单

Button.disabled=1;

函数 dis（） { 按钮禁用= ！按钮禁用; } <输入 id=“按钮” 类型=“按钮” 值=“+” 样式=“背景颜色：灰色” onclick=“Me（）;”/> <按钮点击=“dis（）”>切换禁用</button>

只需Vanilla JavaScript就可以很容易地做到这一点，不需要任何库。

启用按钮

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

禁用按钮

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

不需要外部库。

$(".btncancel").button({ disabled: true });

这里'btncancel'是按钮的类名。

推荐文章