jQuery禁用css类的所有按钮

时间:2010-09-22 12:34:31

标签: jquery button

我有n个按钮。 此按钮具有相同的名称:setAlg。

我会禁用所有具有此名称的按钮。

我试过了

$("input[name='setAlg']").attr("disabled",true);

但它不起作用。

我该怎么做?

非常感谢。

4 个答案:

答案 0 :(得分:21)

确保将代码包装在ready处理程序中:

$(function(){
  $("input[name='setAlg']").attr("disabled", true);
});

但是如果你对这些输入字段使用相同的类(根据你的问题标题),你需要尝试这样做:

$(function(){
  $("input.myclass").attr("disabled", true);
});

其中myclass应该是用于这些输入字段的类名。

答案 1 :(得分:4)

Chris Pebbles建议应该可以正常工作,但我很困惑。在您的问题标题中,您指定了“jQuery禁用 css类的所有按钮”,然而,您提供了一个示例,表明您确实要禁用所有具有名称的按钮 setAlg的属性。

我想到了两点。首先,您的按钮,因为它们都具有相同的名称,当用户提交您的表单时,可能会为您产生意外的结果(如果这是他们所做的,但我可能在这里错了)。如果是这种情况,您可能确实希望将所有这些设置为相同的,而不是名称

<input class="setAlg">...

第二点是,如果你想让你的jQuery与一个类一起工作,你需要这样做:

$("input.setAlg").attr("disabled","disabled");

我希望这很有帮助。

答案 2 :(得分:1)

我想你忘记了引语

$("input[name='setAlg']").attr('disabled','true');

如果这不起作用,那么您的选择可能不起作用

答案 3 :(得分:0)

您可以使用下面提到的步骤禁用按钮。

说出你的按钮类名= setAlg

第1步:

使用Jquery attr属性:

$('.setAlg').attr('disabled', 'disabled');

第2步:

使用Jquery addClass CSS类:

$('.setAlg').addClass('disabled');

第3步:

然后通过声明CSS样式类:

 <style type="text/css">
        .disabled
        {
            background: none repeat scroll 0 0 burlyWood;
            cursor: default !important;
        }
  </style>

我写了一篇关于此支票How to Disable a Button Using Jquery and CSS ?

的博客文章