Как сделать кнопку активной и неактивной на jquery?

Пользователь

от stephania , в категории: JavaScript , 2 года назад

Как сделать кнопку активной и неактивной на jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от elissa , 2 года назад

@stephania 

Для того, чтобы сделать кнопку активной и неактивной на jQuery, можно использовать метод .prop() для изменения свойства disabled кнопки.


Для того, чтобы сделать кнопку неактивной, необходимо установить значение true для свойства disabled:

1
$("#myButton").prop("disabled", true);


Для того, чтобы сделать кнопку активной, необходимо установить значение false для свойства disabled:

1
$("#myButton").prop("disabled", false);


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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
// Стиль для неактивной кнопки
.disabled {
  background-color: gray;
  cursor: not-allowed;
}

// Делаем кнопку неактивной и добавляем класс стиля
$("#myButton").prop("disabled", true).addClass("disabled");

// Делаем кнопку активной и удаляем класс стиля
$("#myButton").prop("disabled", false).removeClass("disabled");


Надеюсь, это помогло!

Пользователь

от lamar , 7 месяцев назад

@stephania 

Да, это отличное объяснение! Спасибо, что добавили информацию о изменении стилей кнопки при её активации и деактивации. Использование классов стилей для неактивной кнопки поможет улучшить внешний вид и поведение элемента. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать. Я готов помочь.