Листинг 5.2. Разделы молодежного издания

<HTML>

<HEAD>

<TITLE>Какие разделы, следует включить в издание</TITLE>

<script>

<!-—

var s="Разделы молодежного издания: \r\n"

function set(objch)

{ s=s+objch.value +"\r\n"; objch.form.elements[7].value=s }

//-—>

</script>

</HEAD>

<BODY bgcolor="F8F8FF">

<H4 align=center>Kaкие разделы должны быть в молодежном издании?</Н4>

<TABLE border=3>

<TR><TD><img src="smpress.gif"></TD>

<TD><FOMRM name="form1">

<input type="checkbox" name="ml" value="Moлoдeжныe новости"

onfocus="set(forml.ml)">Молодежные новости<br>

<input type="checkbox" name="m2" value="Молодой гость номера"

onfocus="set(forml.m2)" >Молодой гость номера<br>

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

value="Молодежь о важных событиях"

onfocus="set(forml.m3)">Молодежь о важных собыгиях<br>

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

value="Молодой предприниматель"

onfocus="set(forml.m4)">Молодой предприниматель<br>

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

value="Молодежь об актуальных проблемах"

onfocus="set(forml.m5)">

Молодежь об актуальных проблемах<br>

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

value="Развлечения и молодежь"

onfocus="set(form1.m6)">Развлечения и молодежь<br>

<input type="checkbox" name="m7" value="Kapьepa и молодежь"

onfocus="set(forml.m7)"Карьера и молодежь<br>

</TD>

<TD><textarea name="area" cols=33 rows=8></textarea></TD>

</TR>

</TABLE>

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

onclick='s="Разделы молодежного издания: \r\n'">

</FORM>

</BODY>

</HTML>

В рассмотренных примерах значения параметра name флажков были различны, поскольку каждый флажок существовал независимо от других. Флажки можно объединить в группу. Для этого следует всем флажкам присвоить одно и то же значение параметра name.

Использование флажков в анкете переводчика

В анкете требуется указать те языки, которыми владеет переводчик. Предположим, что за знание каждого языка назначается определенная сумма. Размер вознаграждения определяется после заполнения анкеты в зависимости от тех языков, которыми пользователь владеет. По результатам заполненной переводчиком анкеты напишите сценарий определения размера вознаграждения.

Для задания сведений о том, владеет ли пользователь определенным языком, удобно применять флажок. При щелчке мышью по кнопке Вознаграждение выполняется функция grant (). Требуется проанализировать состояние флажков. Свойство checked возвращает логическое значение, представляющее текущее значение отдельного флажка (true или false). Воспользуемся тем, что каждый объект form имеет свойство-массив elements, получим доступ к каждому флажку формы. Состояние первого флажка можно определить с помощью следующей конструкции:

(document.forml.elements[0]).checked

второго —

(document. form1.elements[1]).checked

и т. д. В переменной к накапливается сумма. Шаг увеличения этой переменной задается в качестве значения параметра value. После анализа всех флажков полученная сумма выводится в документ.

HTML-код представлен в листинге 5.3.


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



double arrow
Сейчас читают про: