2015-04-30
611
Пользователю предлагается заполнить анкету, в которой требуется указать те тесты, которые он выполнил успешно. Для задания тестов можно воспользоваться флажком. Обработка анкеты будет состоять в определении, сколько тестов выполнил пользователь.
Рис. 5.2. Анкета для обработки результатов тестирования
При щелчке мышью по кнопке Результат возникает событие Click, обработка которого состоит в вызове функции grant с одним параметром - именем формы. Далее с помощью оператора цикла просматриваются все флажки. Если очередной флажок установлен, или элемент выбран, то значение переменной k увеличивается на 1. После окончания работы цикла результат сформирован в переменной k и значение переменной помещается в соответствующее поле формы. Если нажать на кнопку Отмена, то очистятся все поля формы.
HTML-код документа представлен в листинге 5.2.
| Листинг 5.2. Обработка результатов тестирования |
<HTML>
<HEAD>
<TITLE>Данные, представленные флажком</TITLE>
<SCRIPT LANGUAGE=“JavaScript">
<!-- //
function grant (obj)
{ var k=0;
for (var i=0; i<=5; i++)
if ((obj.elements[i]).checked)
{ k++}
obj.res.value=k
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<h3>Результаты тестирования</h3>
Укажите те тесты, которыми Вы выполнили успешно: <BR>
<form name="form1">
<input type="checkbox" name="test" value=t1>тест 1<BR>
<input type="checkbox" name="test" value=t2>тест 2<BR>
<input type="checkbox" name="test" value=t3>тест 3<BR>
<input type="checkbox" name="test" value=t4>тест 4<BR>
<input type="checkbox" name="test" value=t5>тест 5<BR>
<input type="checkbox" name="test" value=t6>тест 6<BR>
<HR>
<INPUT type="button" value=Результат onClick="grant(form1)"> <HR>
<input type="text" name="res" size=3>
сумма баллов по результатам тестирования<HR>
<INPUT type="reset" value="Отменить">
</form></BODY></HTML>
|
|
|
Списки
Если элементов много, то представление их с помощью флажков или кнопок-переключателей увеличивает размер формы. Варианты выбора могут быть представлены в окне браузера более компактно с помощью списка. Напомним, что тег <SELECT> имеет несколько параметров. Параметр NAME является обязательным. Для того чтобы установить число одновременно видимых элементов, следует задать параметр SIZE=n. Если n равно 1, то отображается ниспадающее меню или список выбора, если n > 1, то отображается список прокрутки с n одновременно видимыми значениями. Если параметр SIZE не задан, то по умолчанию принимается значение равное 1. Задание параметра MULTIPLE означает, что из меню или из списка можно выбрать несколько элементов. Элементы меню задаются внутри тега <SELECT> с помощью тега <OPTION>. Общий вид тега <OPTION SELECTED VALUE=строка>. Параметр SELECTED означает, что данный элемент списка считается выбранным по умолчанию. Параметр VALUE содержит значение, которое передается, если данный элемент выбран из списка или из меню.
