禁用和启用html输入按钮

Question

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

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

如何在需要时禁用和启用它？我试过disabled="disable"但是启用它是一个问题.我尝试将其设置为false,但是没有启用它.

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

• 在这里演示

1.6之后的所有jQuery版本

• 禁用html按钮

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

• 启用html按钮

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

• 在这里演示

PS根据jquery 1.6.1更改更新了代码.作为建议,始终使用最新的jquery文件和prop()方法.

Answer 2

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

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

Answer 3

只需直接使用JavaScript就可以轻松完成此操作,无需库.

启用按钮

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

禁用按钮

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

无需外部库.

Answer 4

禁用属性只有一个参数。如果你想重新启用它，你必须删除整个内容，而不仅仅是更改值。

Answer 5

使用 jQuery，您只需一行即可完成

//Enable
$('#Button').prop('disabled', false)

//Disable
$('#Button').prop('disabled', true)