这是一个相当晚的答案，但我无意中发现了这个问题，在寻找一种方法禁用启动按钮后点击他们，可能会增加一个很好的效果(f.e旋转)。我发现了一个很棒的库，它可以做到这一点:

http://msurguy.github.io/ladda-bootstrap/

你只需要包括所需的css和js，添加一些属性到你的按钮和启用lada与javascript…您看!你的按钮有一个新的生命(请检查演示，看看它是多么美丽)!

@James Donnelly提供了一个全面的答案，它依赖于用一个新函数扩展jQuery。这是一个很好的想法，所以我要调整他的代码，让它以我需要的方式工作。

延长jQuery

$.fn.disable=-> setState $(@), true
$.fn.enable =-> setState $(@), false
$.fn.isDisabled =-> $(@).hasClass 'disabled'

setState=($el, state) ->
    $el.each ->
        $(@).prop('disabled', state) if $(@).is 'button, input'
        if state then $(@).addClass('disabled') else $(@).removeClass('disabled')

    $('body').on('click', 'a.disabled', -> false)

使用

$('.btn-stateful').disable()
$('#my-anchor').enable()

代码将处理单个元素或元素列表。

按钮和输入支持disabled属性，如果设置为true，它们将看起来是禁用的(多亏了bootstrap)，并且在单击时不会触发。

锚点不支持disabled属性，因此我们将依赖.disabled类使它们看起来是禁用的(再次感谢bootstrap)，并通过返回false连接一个默认的click事件来阻止单击(不需要preventDefault参见这里)。

注意:当重新启用锚时，您不需要取消此事件。简单地删除.disabled类就可以了。

当然，如果你在链接上附加了一个自定义的点击处理程序(在使用bootstrap和jQuery时非常常见)，这就没有帮助了。因此，为了解决这个问题，我们将使用isDisabled()扩展来测试.disabled类，如下所示:

$('#my-anchor').click -> 
    return false if $(@).isDisabled()
    # do something useful

我希望这有助于简化一些事情。

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

style="cursor: not-allowed;"

这是一个相当晚的答案，但我无意中发现了这个问题，在寻找一种方法禁用启动按钮后点击他们，可能会增加一个很好的效果(f.e旋转)。我发现了一个很棒的库，它可以做到这一点:

http://msurguy.github.io/ladda-bootstrap/

你只需要包括所需的css和js，添加一些属性到你的按钮和启用lada与javascript…您看!你的按钮有一个新的生命(请检查演示，看看它是多么美丽)!

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

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

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

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

只要加上这个:

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

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

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