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