我想不出更简单的办法了!: -)

使用锚标签(链接):

<a href="#delete-modal" class="btn btn-danger" id="delete">Delete</a>

要启用Anchor标签:

 $('#delete').removeClass('disabled');
 $('#delete').attr("data-toggle", "modal");

禁用Anchor标签:

 $('#delete').addClass('disabled');
 $('#delete').removeAttr('data-toggle');

如果你像我一样，只是想禁用一个按钮，请不要错过隐藏在这篇长文章中的简单答案:

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

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

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;
  }
}

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

style="cursor: not-allowed;"

注意，如果你使用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);

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

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

<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'属性。