禁用和启用 html 输入按钮

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

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

如何在需要时禁用和启用它？我努力了disabled="disable"但使其恢复是一个问题。我尝试将其设置回 false，但这并没有启用它。

使用 JavaScript

• 禁用 html 按钮

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

• 启用 html 按钮

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

• 演示在这里 http://jsfiddle.net/SPddm/300/

使用 jQuery

1.6 之前的所有 jQuery 版本

• 禁用 html 按钮

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

• 启用 html 按钮

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

• 演示在这里 http://jsfiddle.net/SPddm/

1.6之后的所有jQuery版本

• 禁用 html 按钮

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

• 启用 html 按钮

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

• 演示在这里 http://jsfiddle.net/SPddm/1/

附：更新了代码基于jquery 1.6.1 的变化 http://blog.jquery.com/2011/05/12/jquery-1-6-1-released/。作为建议，始终使用最新的 jquery 文件和prop() method.