Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » JavaScript: Radio и отображение другого элемента

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Duncan4071505

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Привет.
Подскажите плз, как в зависимости от radio button отобразить или скрыть (или сделать неактивным другой элемент)?
 
Например:
Есть на странице radio button
 

Код:
 
<input name="visible" id="test_radio" type="radio" value='0' /> - Нет
<input name="visible" id="test_radio" type="radio" value='1' checked /> - Да"
 

 
Если выбрано "Да", то внизу должен отобразиться checkbox...
Если выбрано "Нет", от checkbox отображаться не должен, или он должен быть неактивным...
 
Какую функцию лучше обрабатывать для radio? onMouseUp? а если юзер пользуется клавой?

Всего записей: 12 | Зарегистр. 06-12-2005 | Отправлено: 19:45 01-08-2008
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Duncan4071505

Цитата:
Какую функцию лучше обрабатывать для radio? onMouseUp? а если юзер пользуется клавой?

onclick.. onchange

Цитата:
Подскажите плз, как в зависимости от radio button отобразить или скрыть (или сделать неактивным другой элемент)?  

читаем отмеченное значение
JavaScript/HTML: проверка value <input type="radio">
 и делаем что надо

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:47 01-08-2008 | Исправлено: Cheery, 19:48 01-08-2008
Duncan4071505

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
хм....
но я не форму хочу проверять...
мне нужно проверить именно состояние radio button

Всего записей: 12 | Зарегистр. 06-12-2005 | Отправлено: 20:32 01-08-2008
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Duncan4071505

Цитата:
но я не форму хочу проверять...
мне нужно проверить именно состояние radio button

вас никто не заставляет проверять форму.. вам дали ссылку как проверить отмечена ли radio кнопка.. просто как пример.
 
можете, как и сказано, цеплять на onclick  вызов функции с передачей аргумента  this, тогда будет очевидно, что эта кнопка отмечена
 
 
можно и на onchange, но тогда нужно перебирать кнопки из группы, чтобы определить какая отмечена

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:34 01-08-2008 | Исправлено: Cheery, 20:35 01-08-2008
kosola



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:
 
<input type="radio" onClick="show_hide('hidden')"  checked="checked" > Нет
<input type="radio" onClick="show_hide('visible')"> Да
 
<script Language="JavaScript">
<!--
function show_hide(value)
{
    document.getElementById('element').style.visibility = value;
}
-->
</script>
<div id="element"  style="visibility: hidden">
    <input type="checkbox"> Нажми меня
</div>
 

Либо

Код:
 
<input type="radio" onClick="show_hide('none')"  checked="checked" > Нет
<input type="radio" onClick="show_hide('block')"> Да
 
<script Language="JavaScript">
<!--
function show_hide(value)
{
    document.getElementById('element').style.display = value;
}
-->
</script>
<div id="element"  style="display: none">
    <input type="checkbox"> Нажми меня
</div>
 

 
 
 
Добавлено:
либо сделать неактивным

Код:
 
<input type="radio" onClick="show_hide(true)"  checked="checked" > Нет
<input type="radio" onClick="show_hide(false)"> Да
 
<script Language="JavaScript">
<!--
function show_hide(value)
{
    document.getElementById('element').disabled = value;
}
-->
</script>
<input type="checkbox"  id="element" DISABLED> Нажми меня
 

 

Всего записей: 134 | Зарегистр. 12-11-2007 | Отправлено: 09:40 04-08-2008
Duncan4071505

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kosola
Спасибо!

Всего записей: 12 | Зарегистр. 06-12-2005 | Отправлено: 16:17 04-08-2008
Arhos

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
добрый день, помогите пожайлуста нюбу
прочитал данный топ, но не совсем понятно как например имея
radio button:
 
<input type="radio" ... >text 1
<input type="radio" ... >text 2
<input type="radio" ... >text 3
 
если нажато text 1 то выводятся 2 и более checkbox...
... text 2 то вывоводятся совершенно другие 2 или несколко checkbox...
аналогично для text 3...
 
Если такое возможно то просьба объяснить на примере. Заранее спасибо.

Всего записей: 1 | Зарегистр. 21-08-2008 | Отправлено: 19:35 21-08-2008
kosola



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Засунь боксы в слой и скрывай/показывай его в зависимости от того нажат радиобаттон, а это делается аналогично выше описанному

Всего записей: 134 | Зарегистр. 12-11-2007 | Отправлено: 16:42 22-08-2008
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » JavaScript: Radio и отображение другого элемента


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru