禁用和启用一个HTMLinputbutton

所以我有一个这样的button：

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

如何在需要时禁用并启用它？ 我曾尝试disabled="disable"但启用它是一个问题。 我试图将其设置回假，但没有启用它。

Answer 1

使用Javascript

• 禁用一个HTMLbutton

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

• 启用一个htmlbutton

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

• 在这里演示

---

使用jQuery

1.6之前的所有版本的jQuery

• 禁用一个HTMLbutton

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

• 启用一个htmlbutton

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

• 在这里演示

1.6之后的所有版本的jQuery

• 禁用一个HTMLbutton

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

• 启用一个htmlbutton

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

• 在这里演示

PS更新了基于jquery 1.6.1更改的代码。 作为一个build议，总是使用最新的jquery文件和prop()方法。

Answer 2

由于您首先将其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="" /> 

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

Answer 3

你可以很容易地做到这一点，只是直接的JavaScript，不需要库。

启用一个button

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

禁用button

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

没有必要的外部库。

Answer 4

disable属性只有一个参数。 如果你想重新启用它，你必须删除整个事情，不只是改变价值。

Answer 5

这一定会奏效。

禁用button

 $('#btn_id').button('disable'); 

启用button

 $('#btn_id').button('enable'); 

Answer 6

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

这里'btncancel'是button的类名。