jQuery禁用CSS類和輸入類型按鈕的所有按鈕

Question

<input class="submit2" type="button" name="submit2" value="Submit" id="submit1" onclick=""> 

我想在點擊它後禁用我的頁面上的按鈕。避免雙擊。

我曾嘗試下面的代碼

$(document).ready(function() { 

    $('.submit2').click(function() { 

     $("input.submit2").attr('disabled', true); 

    }); 
});​ 

但是當按鈕的輸入類型是不是提交按鈕，它只是工作。

如何解決這個問題。

在此先感謝。

Answer 1

你並不需要選擇兩次您已經選擇的內容：

$(document).ready(function(){ 
    $('.submit2').click(function() { 
     $(this).attr('disabled', true); 
    }); 
}); 

$(this)在這種情況下指的是您剛纔點擊

Answer 2

還按鈕，序，使其與所有的瀏覽器兼容，殘疾人attr的值應爲 「已禁用」

使用它像

$("input.submit2").attr('disabled',"disabled"); 

上述解決方案是完美的，如果你正在使用jQuery 1.5版本及更早版本，如果你正在使用jQuery 1.6或更高版本，然後使用道具設置屬性

$("input.submit2").prop('disabled',true); // here jQuery will normalize the value and set the property 

Answer 3

這是一個老同學的HTML遺物。屬性值是「禁用」 =「禁用」：

$("input.submit2").attr('disabled','disabled'); 

Answer 4

你現在可以做到這一點：

$(document).ready(function(){ 
    var $submitButton = $(this, "input[type='submit']"); 
    $submitButton.attr("disabled", "true"); 
});