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+，那么上述解决方案是完美的，那么使用prop来设置属性

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

Answer 3

这是一个旧学校的HTML遗物。属性值为'disabled'='disabled'：

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

Answer 4

你现在可以做到：

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