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

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

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

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

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

所有人的回答和贡献都很棒!我不得不稍微扩展这个功能，包括禁用选择元素:

jQuery.fn.extend({
disable: function (state) {
    return this.each(function () {
        var $this = jQuery(this);
        if ($this.is('input, button'))
            this.disabled = state;
        else if ($this.is('select') && state)
            $this.attr('disabled', 'disabled');
        else if ($this.is('select') && !state)
            $this.removeAttr('disabled');
        else
            $this.toggleClass('disabled', state);
    });
}});

似乎对我有用。感谢所有!

注意，如果你使用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="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit"value="Enable All" onclick="change()"/>

js代码:

function change(){
   var toenable = document.querySelectorAll(".byBtn");        
    for (var k in toenable){
         toenable[k].removeAttribute("disabled");
    }
}

上面的方法并不管用，因为有时候

$(this).attr('checked') == undefined

使用以下命令调整代码

if(!$(this).attr('checked') || $(this).attr('checked') == false){