Сценарии JavaScript в активных страницах Web



              

Пример формы с переключателями - часть 5


  onClick="if(this.checked)

    {chkRadio(this.form,this.value);}"> Red

<BR><INPUT TYPE="radio" NAME="Color" VALUE="Green"

  onClick="if(this.checked)

    {chkRadio(this.form,this.value);}"> Green

<BR><INPUT TYPE="radio" NAME="Color" VALUE="Blue"

  onClick="if(this.checked)

    {chkRadio(this.form,this.value);}"> Blue

Когда пользователь изменяет состояние переключателя, делая по нему щелчок левой клавишей мыши, вызывается обработчик события onClick. Для всех кнопок этот обработчик выглядит одинаково:

if(this.checked)

{

  chkRadio(this.form,this.value);

}

Прежде всего обработчик проверяет состояние переключателя, вызывая для этого метод checked. Ссылка на объект, для которого вызывается этот метод (то есть на переключатель), выполняется с помощью ключевого слова this.

В том случае, когда переключатель включен, обработчик вызывает функцию chkRadio, определенную в заголовке документа следующим образом:

function chkRadio(form,value)

{

  szColor = value;

}

Хотя мы передаем функции два параметра (ссылку на форму, содержащую переключатель, и значение параметра VALUE текущего переключателя), используется только второй параметр. Значение этого параметра, определяющее цвет текста, сохраняется в переменной szColor.

Работа с переключателями типа checkbox выполняется немного проще:

<INPUT TYPE="checkbox" NAME="chkTitle"

  onClick="if(this.checked) {bTitle=true;}"> Show title

<BR><INPUT TYPE="checkbox" NAME="HorzLine"

  onClick="if(this.checked) {bHorzLine=true;}"> Show horizontal lines

 <BR><INPUT TYPE="checkbox" NAME="Table"

  onClick="if(this.checked) {bTable=true;}"> Table view

Когда пользователь включает переключатель, обработчик события onClick устанавливает в состояние true соответствующую переменную. Например, при изменении состояния переключателя Show title выполняются следующие действия:




Содержание  Назад  Вперед