Листинг 5.1, а. Анкета читателя

4 5 6 7 8 9 10

<HTML>

<HEAD>

<TITLE>Анкета читателя</TITLE>

<!-—

var s="Bac привлекает: \r\n"

function set(vch)

{ s=s+vch + "\r\n"; document.forml.area.value=s }

//—>

</script>

</HEAD>

<H3 align="center">Анкета читателя</НЗ>

<Н4>Введите название любимого журнала или газеты</Н4>

</FORM>

<Н4>Что Вас привлекает в издании?</Н4>

<TD><input type="checkbox" name="ml"

value="Cтиль подачи материала"

onClick="set(forml.elements[0].value)">

Стиль подачи материала<br>

<input type="checkbox" name="m2"

value="Достоверность информации"

onClick="set(forml.elements[1].value)">

Достоверность информации<br>

<input type="checkbox" name="m3"

value="Дизайн и оформление"

onClick="set(forml.elements[2].value)">

Дизайн и оформление<br>

<input type="checkbox" name="m4"

value="Kaчecтво информации"

onClick="set{forml.elements[3].value)">

Качество информации<br>

<input type="checkbox" name="m5"

value="Репутация издания"

ondick="set (form1.elements[4].value)">

Репутация издания<br>

<input type="checkbox" name="m6"

value="Репутация издания"

onClick="set(forml.elements[5].value)">

Регулярность издания<br>

</TD></TR></TABLE>

<input type="reset" value="Отмена"

onclick= "s='Bac привлекает: \r\n'">

</FORM>

</BODY>

</HTML>

Если флажок получает фокус, то происходит событие FOCUS, в качестве значения параметра обработки события, как и в предыдущем случае, может быть вызов функции set:

<input type="checkbox" name="ml" value="Стиль подачи материала"

onfocus="set(forml.elements[0].value)">Стиль подачи материала<br>

И, наконец, потеря объектом фокуса вызовет событие Blur, обработка которого может быть произведена аналогичным способом:

<input type="checkbox" name="m1" value="Стиль подачи материала"

onblur="set(form1.elements[0].value)">Стиль подачи материала<br>

Объект checkbox обладает свойствами value, name, type, которые соответствуют параметрам тега, описывающего флажок. Функция set получает в качестве параметра объект checkbox и формирует для выбранного флажка значения соответствующих ему свойств так, как показано на рис. 5.2.

В представленном HTML-коде (листинг 5.1, б) обратите внимание на фактический параметр вызова функции set при обработке события click.

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями: