Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

[Решено] как присвоить кнопке "найти" класс disabled?


Рекомендованные сообщения

проблема в следующем: есть необходимость реализовать подсвечивание кнопки поиска при вводе текста.
то есть: когда поле для поиска пусто, кнопка серого цвета, когда в поле текст, она меняет цвет.
в html это делается классом disabled, НО теперь вопрос в следующем: как установить связь между полем и кнопкой?


нужно чтобы было вот так: 

7e20a9fac763a17e74c7bda816511875.gif

Ссылка на комментарий
Поделиться на других сайтах


jquery, например через .change

 

но после события нужно проверить есть ли значение в поле, чтобы не подсвечивать кнопку если пользователь сначала что-то ввел, а потом стер.  

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

проблема в следующем: есть необходимость реализовать подсвечивание кнопки поиска при вводе текста.

то есть: когда поле для поиска пусто, кнопка серого цвета, когда в поле текст, она меняет цвет.

в html это делается классом disabled, НО теперь вопрос в следующем: как установить связь между полем и кнопкой?

нужно чтобы было вот так: 

7e20a9fac763a17e74c7bda816511875.gif

 

 

$(document).on('ready',function(){
$('input[name=имя поля поиска)').on('change', function() {
$('button#Айди_кнопки').removeAttr('disabled');
if($(this).val() == '') {
$('button#Айди_кнопки').attr('disabled','disabled');
}
});
});

 

Примерно так

 

ПС. jQuery 191

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.