jquery - 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);

    });
});

但只有当按钮的输入类型是提交而不是按钮时它才有效。

如何解决这个问题。

提前致谢。

score 2 · Accepted Answer

您无需选择两次已选择的内容：

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

$(this)在这种情况下是指您刚刚单击的按钮

score 1 · Accepted Answer

另外，为了兼容所有浏览器，disabled attr 的值应该是“disabled”

像使用它一样

$("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

score 0 · Accepted Answer

这是一个老式的 HTML 遗物。属性值为'disabled'='disabled'：

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

score 0 · Accepted Answer

你现在可以这样做：

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

4 回答 4