jQuery отключить все кнопки класса CSS

Question

у меня есть n кнопок.Эта кнопка имеет то же имя: setAlg.

Я бы отключил все кнопки с таким именем.

Я пробовал

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

, но это не работает.

Как я могу это сделать?

Большое спасибо.

Answer 1

Обязательно закройте ваш код в готовом обработчике:

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

Но если вы используете один и тот же класс для этих полей ввода (согласно заголовку вашего вопроса), вам нужно попробовать это вместо:

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

Где myclass должно быть именем класса, используемым для этих полей ввода.

Answer 2

Предложение Криса Пебблса должно работать нормально, но я в замешательстве. В заголовке вашего вопроса вы конкретно указываете «jQuery отключить все кнопки css класса », однако затем вы предоставляете пример, который показывает, что вы действительно хотите отключить все кнопки, имеющие имя атрибут setAlg.

На ум приходят два момента. Во-первых, ваши кнопки, поскольку все они имеют одинаковое имя, могут привести к неожиданным результатам для вас, когда пользователь отправит вашу форму (если это то, что они делают, но я могу ошибаться здесь). Если это так, то вы, вероятно, действительно хотите установить для всех них один и тот же класс , а не имя .

<input class="setAlg">...

Второй момент заключается в том, что если вы хотите, чтобы ваш jQuery работал с классом, вам нужно сделать:

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

Надеюсь, это было полезно.

Answer 3

Я думаю, что вы забыли цитаты

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

Если это не сработает, возможно, ваш выбор не сработает

Answer 4

Вы можете отключить кнопку с помощью нижеуказанных шагов.

Произнесите название класса кнопки = setAlg

Шаг 1:

Использование атрибута Jquery attr:

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

Шаг 2:

Использование Jquery addClass CSS Class:

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

Шаг 3:

Затем, объявив CSS Style Class:

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

Я написал сообщение в блоге об этой проверке Как отключить кнопку с помощью Jquery и CSS?