< > ↑ Вгору

Об'єкт javascript checkbox

< form name = "f1" >
type = "checkbox" name = "yourName" id = "ch1" > Да
</ form >

Елемент checkbox ідентифікується:

document. getElementById("ch1"). checked = true;

Властивості елемента checkbox:

  • checked - містить логічне значення true або false, залежно від того, відзначений чи ні даний прапорець;

  • name - відповідає атрибуту name тега input;

  • value - відповідає атрибуту value тега input;

  • type - для об'єктів checkbox значенням цього атрибуту є рядок checkbox.

Приклад: Після клацання на елементі прапорець (checkbox) виводити діалогове вікно з повідомленням для підтвердження: «Номер люкс дуже дорогий. Ви впевнені?". Скрипт описати як значення атрибуту.

< input type = "checkbox" name = "checkbox1" value = "Номер Люкс" onclick = "confirm('Номер люкс очень дорогой. Вы уверены?')" > Номер люкс

ВЛАСТИВІСТЬ CHECKED

Приклад: За завантаженні сторінки встановлювати прапорець (checkbox) зазначеним

В скрипті:

function check() {
        document.f1.ch1.checked = true;
}

В html:

< body onload = "check()" >
< form name = "f1" >
< input type = "checkbox" name = "ch1" > пункт1 < br >
< input type = "checkbox" name = "ch2" > пункт2 < br >
</ form > ...

Завдання js12_1. Створити сторінку перевірки знань учня з одним питанням і трьома відповідями на питання: два з них правильні і один неправильний. Здійснити перевірку правильності зазначених за допомогою елементів форми checkbox відповідей. Функцію перевірки запускати одним натиском кнопки.

Об'єкт перемикач в javascript - radio і властивість checked

Елемент javascript radio призначений для вибору тільки одного єдиного варіанта з декількох.

Для того, щоб кілька перемикачів працювали згруповано, тобто щоб при виборі одного radio всі інші б відключалися, необхідно для всіх radio встановити однакове значення атрибуту name .

Розглянемо приклад використання радіокнопок:

html-код:

< body >
< form name = "f1" >
Ваша стать: < br >
< input type = "radio" name = "r1" id = "id1" > ч < br >
< input type = "radio" name = "r1" id = "id2" > ж < br >
< input type = "button" onclick = "func()" >
</ form >
</ body >

Група радіокнопок (radio) ідентифікується в скрипті наступним чином:

Cкрипт:

function fanc (){
    document. getElementById(" id1 "). checked = true ;
    document.f1. r1[ 0 ], checked = true ;
    document.f1[" r1 "][ 0 ]. checked = true ;
}

Перший спосіб є найкращим.

Властивості:

  • checked - містить логічне значення true або false, залежно від того, обрана чи ні дана селекторна кнопка;

  • length - представляє кількість селекторних кнопок в об'єкті radio;

  • name - відповідає атрибуту name тега input

  • value - відповідає атрибуту value тега input;

  • type - для об'єктів radio значенням цього атрибуту є рядок «radio»

Розглянемо приклад використання в javascript radio з checked властивістю:

Приклад: Після клацання на кнопці встановлювати перший перемикач зазначеним

Скрипт:

function fanc(){
        document.f1.r1[ 0 ]. checked = true;
}

HTML-код:

< form name = "f1" >
< input type = "radio" name = "r1" > пункт1 < br >
< input type = "radio" name = "r1" > пункт1 < br >
< input type = "button" onClick = "fanc()" value = "відзначити" >
</ form >

Завдання js12_2.

Створити сторінку перевірки знань учня з питанням: «Який заряд у електрона?» І двома відповідями: «позитивний» (неправильний) і «негативний» (правильний). Здійснити перевірку правильності зазначеного за допомогою елемента форми radio відповіді. Функцію перевірки запускати одним натиском кнопки.