Radiovaihtaja

Radiovaihtaja edustaa HTML-lomakkeen elementtiä pyöreänä painikkeena, joka voidaan valita tai olla valitsematta.

Radiopainike luodaan käyttämällä input-tagia attribuutilla type arvona radio. Ulkomuoto:

Yksittäistä radiovaihtajaa käytetään käytännössä harvoin, niitä tulisi käyttää ryhminä. Tällöin ryhmästä voidaan valita vain yksi vaihtajista. Vaihtajat muodostavat ryhmän vain, jos niillä on sama attribuutin name arvo (ks. alla olevat esimerkit).

Esimerkki

Luodaan kaksi radiovaihtajaa: ensimmäinen valitaan (asetetaan attribuutti checked), ja toinen - ei. Tällöin vaihtajat edustavat ryhmää, josta voidaan valita vain yksi (koska niillä on sama attribuutin name arvo).

Huomaa, että näille radio painikkeille on annettu eri attribuutin value arvot. Tämä on tarpeen, jotta lähetettyjen tietojen jälkeen palvelimella PHP voi määrittää, mikä vaihtajista on valittu:

html<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">

Результат:

Esimerkki

Luodaan nyt kaksi ryhmää radio vaihtajia: ensimmäisellä ryhmällä on yksi attribuutin name arvo, ja toisella - toinen. Kokeillaan painaa niitä, ja nähdään, että ryhmät vaihtuvat toisistaan riippumatta:

html<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">

<br>

<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">

Результат:

Katso myös