<HTML>
<HEAD>
<TITLE>Данные из формы типа "переключатель". Событие Blur</TITLE>
<script language="JavaScript">
<!—- //
function test (obj)
{ var s="свойство value переключателя: " + obj.value + "\n\r" +
"свойство name формы: "+obj.form.name + "\n\r" +
"Число элементов формы: " + obj.form.length
obj.form.elements[4],value=s
}
//-—>
</script>
</HEAD>
<BODY>
<FORM name="form1">
Выберите форму витража<br>
<input type="radio" name="fv" value="прямоугольник"
onBlur="test(forml.elements[0])">прямоугольник<br>
<input type="radio" name="fv" value="квадрат"
onBlur="test(forml.elements[1])">квадрат<br>
<input type="radio" name="fv" value="тpeyгoльник"
onBlur="test(forml.elements[2])">треугольник<br>
<input type="radio" name="fv" value="Kpyr"
onBlur="test(forml.elements[3])">круг<br>
Тест: <br>
<textarea name="res" cols=45 rows=5></textarea><br>
<input type="reset" value="Отменить">
</FORM>
</BODY>
</HTML>
На рис. 4.2 приведен вид документа, когда третий переключатель формы потерял фокус.
Определение выделенного элемента
|
|
Необходимо написать сценарий, в котором определяется выбранный переключатель при щелчке мышью по кнопке в форме.
Свойство checked переключателя возвращает логическое значение true, если тот установлен, и false — в противном случае. Выяснить, установлен ли переключатель, являющийся первым элементом формы с именем forml, можно по значению следующего выражения:
(document.forml.elements[0]).checked
Приведем программу, которая демонстрирует работу с переключателем (листинг 4.4).