Листинг 4

< HTML> < HEAD>

< МЕТАhttp-equiv=" Content-Type"

content=" text/html; charset=windows-1251" >

< ТITLE> Программное управление радиокнопкой< /ТITLE>
< /HEAD>

< BODY bgcolor=white text=black>

< Н2> Программное управление радиокнопкой< /Н2>

< FORM>

< INPUT type=radio name=tst>

< INPUT type=button value=Проверить

oncliok=" if(this.form.tst[0].checked)

alert('Отметка на 1-ой кнопке установлена')

else

alert('Отметка на 1-ой кнопке не установлена'); " > < INPUT type=button value=Изменить

onclick=" var x = this.form.tst[0].checked;

this.form.tst[0].checked=this.form.tst[1].checked;

this.form.tst[1].checked=x; " > < BR>

< INPUT type=radio checked name=tst>

< /FORM>

< /BODY>

< /HTML>

Рис. 6.Программное управление свойством checked

Проделаем следующие опыты.

1.Нажмем кнопку Проверить.

Появится сообщение «Отметка на 1-й кнопке не установлена». Радиокнопка и в самом деле выключена, ведь она за­дана КОДОМ < INPUT type=radio name=tst>, в котором отсутствует атрибут checked. Это означает, что свойство checked объекта, построенного для этой радиокнопки, имеет значение false, как и выражение

this.form.tst[0].checked в команде if.

2.Нажмем кнопку Изменить. Выполнится код:

onclick=" var x = this.form.tst[0].checked;

this.form.tst[0].checked=this.form.tst[l].checked;

this.form.test[1].checked=x; "

Этот код перебросит отметку со второй кнопки на первую.

3. Нажмем кнопку Проверить. Последует сообщение «Отметка на 1-й кнопке установлена». Это означает, что теперь выражение this.form.tst[0].checked имеет значение true.

Свойство checked объекта не совпадает с одноименным атрибутом тега < input>. Атрибут checked устанавливает отметку на кнопке по умолчанию, а свойство checked отражает текущее состояние кнопки. Как и в случае с флажками, атрибуту checked соответствует свойство defaultChecked.

Изменяя активность одной кнопки переключателя, программист берет на себя ответственность правильно изменить свойство checked у всех его ос­тальных кнопок (отмечена может быть только одна кнопка в группе).

Пример. Умножитель, код которого представлен ниже, выглядит на экране, как показано на рис.

Рис. 7. Внешний вид Умножителя

Загрузим Умножитель в браузер, поработаем с ним и разберемся в устрой­стве его кода.