注意，如果你使用Bootstrap的JS按钮和“loading”状态，会有一个奇怪的问题。我不知道为什么会发生这种情况，但这里有如何解决它。

假设你有一个按钮，并将其设置为加载状态:

var myButton = $('#myBootstrapButton');
myButton.button('loading');

现在你想把它从加载状态中拿出来，但也要禁用它(例如，按钮是一个保存按钮，加载状态表明正在进行验证，验证失败)。这看起来像合理的Bootstrap JS:

myButton.button('reset').prop('disabled', true); // DOES NOT WORK

不幸的是，这将重置按钮，但不会禁用它。显然，button()执行一些延迟的任务。所以你也必须推迟你的残疾:

myButton.button('reset');
setTimeout(function() { myButton.prop('disabled', true); }, 0);

有点烦人，但这是我经常使用的模式。

如果你想禁用可点击，你也可以在html中添加内联这个

style="cursor: not-allowed;"

假设你有这样的，目前是启用的。

<button id="btnSave" class="btn btn-info">Save</button>

只要加上这个:

$("#btnSave").prop('disabled', true);

你会得到这个，它会禁用按钮

<button id="btnSave" class="btn btn-primary" disabled>Save</button>

下面这些方法对我来说非常有效:

$("#button").attr('disabled', 'disabled');

我知道我的回答晚了，但在我看来，这是切换按钮“启用”和按钮“禁用”的最简单的方法。

function toggleButtonState(button){

  //If button is enabled, -> Disable
  if (button.disabled === false) {
    button.disabled = true;

  //If button is disabled, -> Enable
  } else if (button.disabled === true) {
    button.disabled = false;
  }
}

假设你有文本框和提交按钮，

<input type="text" id="text-field" />
<input type="submit" class="btn" value="Submit"/>

禁用:

要禁用任何按钮，例如，提交按钮，你只需要添加disabled属性为，

$('input[type="submit"]').attr('disabled','disabled');

执行上述代码行后，你的提交按钮html标签看起来是这样的:

<input type="submit" class="btn" value="Submit" disabled/>

注意添加了'disabled'属性。

启用:

用于启用按钮，例如当文本字段中有一些文本时。您将需要删除启用按钮的禁用属性，

 if ($('#text-field').val() != '') {
     $('input[type="submit"]').removeAttr('disabled');
 }

现在上面的代码将删除'disabled'属性。