Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Скрипты и радиокнопки

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

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

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Скрипты и радиокнопки

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Aricus	Отправлено: 19 Января, 2015 - 05:57:21
Частый гость Покинул форум Сообщений всего: 245 Дата рег-ции: Апр. 2014 Помог: 0 раз(а)	Я хочу, чтобы при выборе радиокнопки CODE (html): скопировать код в буфер обмена <input type="radio" name="ansStatus" value="0" checked="checked" /> <span class="textGreen"> Ответ </span> <input type="radio" name="ansStatus" value="-1" /> <span class="textBlue"> Комментарий </span> цвет textarea менялся на зелёный или синий, в зависимости от значения. Для этого я написал такой скрпит: CODE (javascript): скопировать код в буфер обмена $('input[name="ansStatus"]').on("click", function(){ if (this.value == '-1') $("#askDescription").class = "TAgreen"; else {if (this.value == '0') $("#askDescription").class = "TAblue";} return false; }); Но он не только не работает (то есть цвет поля не меняется), но при щелчке на второй кнопке происходит баг с самими кнопками: они обе становятся не выделенными (при отключении скрипта баг исчезает). В чём ошибка?

skiphog	Отправлено: 19 Января, 2015 - 09:07:29
Частый гость Покинул форум Сообщений всего: 139 Дата рег-ции: Дек. 2014 Откуда: Киров, Россия Помог: 11 раз(а)	CODE (javascript): скопировать код в буфер обмена $("#askDescription").class = "TAblue" //Синтаксис неверный Для добавления/удаления классов в jQuery есть CODE (javascript): скопировать код в буфер обмена $("#askDescription").addClass('имя класса'); // или $("#askDescription").removeClass('имя класса'); Можно сделать без jQuery CODE (javascript): скопировать код в буфер обмена document.getElementById('askDescription').className = 'Имя класса'; В вашем случае, если проверка простая, только на ВКЛ/ВЫКЛ, посмотрите в сторону toggleClass('имя класса'); CODE (javascript): скопировать код в буфер обмена $('input[name="ansStatus"]').on("click", function(){ $("#askDescription").toggleClass("Имя класса"); //По клику, класс сам будет добавляться/удаляться. }); P.S. Если конструкцию $('') используете больше, чем один раз, закешируйте результат $('') в переменную, а потом играйтесь, как хотите

Dastor	Отправлено: 19 Января, 2015 - 10:26:30
Гость Покинул форум Сообщений всего: 66 Дата рег-ции: Окт. 2014 Помог: 3 раз(а)	Можно, кстати, и без JS Может кому пригодится CODE (html): скопировать код в буфер обмена <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <style> #green:checked ~ .desc > #askDescription { background-color: green; } #blue:checked ~ .desc > #askDescription { background-color: blue; } </style> </head> <body> <input id="green" type="radio" name="ansStatus" checked="checked"> <input id="blue" type="radio" name="ansStatus"> <div class="desc"> <input id="askDescription" type="textarea" name="askDescription"> </div> </body> </html>

Aricus	Отправлено: 20 Января, 2015 - 18:36:46
Частый гость Покинул форум Сообщений всего: 245 Дата рег-ции: Апр. 2014 Помог: 0 раз(а)	вопрос снят Если кому интересно, нужно ещё было убрать return false; CODE (javascript): скопировать код в буфер обмена $('input[name="ansStatus"]').on("click", function(){ if (this.value == '-1') document.getElementById('askDescription').className = "TAblue"; else {if (this.value == '0') document.getElementById('askDescription').className = "TAgreen";} }); (Отредактировано автором: 20 Января, 2015 - 18:46:04)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.