Форум

MaxB · #1 (**permalink**) 24.06.2009, 13:38

Есть форма, состоящая из группы radio.
Как сделать что бы при изменении состояния radio выполнялась нужная ф-ия?
Пробовал onChange. Но тогда функция срабатывает только когда выбираешь данный radio. Когда же checked становится false функция не срабатывает. Т.е. мне нужно что бы при выборе другого radio тоже срабатывала функция, которая "висит" на первом radio.

Gvozd · #2 (**permalink**) 24.06.2009, 13:43

[telepatemod]
может быть стоит прописать всем радиокнопкам одинаковое имя?
[/telepatemod]

MaxB · #3 (**permalink**) 24.06.2009, 13:52

Сообщение от Gvozd

[telepatemod]
может быть стоит прописать всем радиокнопкам одинаковое имя?
[/telepatemod]

у всех name одинаковый

Gvozd · #4 (**permalink**) 24.06.2009, 14:13

повесить один и тот же обработчик

<head>
<title>Регистрация</title>
</head>
<body>
<form name='form1'>
<input type="radio" name="drink" value="rad1"> Пиво<Br>
<input type="radio" name="drink" value="rad2"> Чай<Br>
<input type="radio" name="drink" value="rad3"> Кофе
</form>
<script type="text/javascript">
radios=document.getElementsByName('drink');
var ch_radio=function()
	{
	console.log(this.value);
	}
for(var i=0;i<radios.length;i++)
	radios[i].onchange=ch_radio;
</script>

</body>

MaxB · #5 (**permalink**) 24.06.2009, 14:16

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

Gvozd · #6 (**permalink**) 24.06.2009, 14:24

<head>
<title>Регистрация</title>
</head>
<body>
<form name='form1'>
<input type="radio" name="drink" value="rad1"> Пиво<Br>
<input type="radio" name="drink" value="rad2"> Чай<Br>
<input type="radio" name="drink" value="rad3"> Кофе
</form>
<script type="text/javascript">
var radios=document.getElementsByName('drink');
var old_checked=null;
var ch_radio=function()
	{
	if(this.value==radios[0].value || old_checked==radios[0].value)
		{
		alert(radios[0].checked);
		}
	old_checked=this.value;
	}
for(var i=0;i<radios.length;i++)
	{
	radios[i].onchange=ch_radio;
	if(radios[i].checked)
		old_checked=radios[i].value;
	}
</script>

</body>

PS кстати, в опере onchange вызывается как для получения значения у радиокнопки, так и при потере
обработайте этот момент аккуратно

Форум

Справочник

Discord чат

Курсы javascript