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:

<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:

<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

valintaruutu,
jolla voidaan toteuttaa valintamerkki
attribuutti checked,
joka merkitsee radiovaihtajan valituksi
pseudoluokka checked,
joka asettaa tyylit valituille radioille
attribuutti disabled,
joka lukitsee lomakkeen elementit
tagi label,
joka asettaa ohjeen radiolle