Rádió kapcsoló

A rádió kapcsoló egy HTML űrlap eleme, amely egy kerek gombocska formájában jelenik meg, amely ki lehet jelölve, vagy nem.

A radio gombocskát a input címke segítségével hozzuk létre, a type attribútum radio értékével. Megjelenése:

Egyetlen rádió kapcsolót szinte soha nem használunk önmagában, csoportban kell őket használni. Ebben a csoportban csak egy kapcsoló lehet kijelölve. A kapcsolók csak akkor fognak csoportot alkotni, ha a name attribútumuk értéke megegyezik (lásd az alábbi példákat).

Példa

Készítsünk két rádió kapcsolót: az első legyen kijelölve (állítsuk be a checked attribútumot), a második pedig ne. A kapcsolók ekkor egy olyan csoportot fognak alkotni, ahol csak egy lehet kijelölve (mivel a name attribútumuk értéke megegyezik).

Figyeljük meg, hogy a radio gombocskáknak különböző value attribútum értékek lettek megadva. Erre azért van szükség, hogy az adatok szerverre küldése után a PHP meg tudja állapítani, melyik kapcsoló volt kiválasztva:

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

Példa

Most készítsünk két rádió kapcsoló csoportot: az első csoport a name attribútum egy értékét kapja, a második pedig egy másikat. Próbáljunk rájuk kattintani, és láthatjuk, hogy a csoportok egymástól függetlenül váltanak:

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

Lásd még

jelölőnégyzet,
amellyel jelölőnégyzetet valósíthatunk meg
a checked attribútum,
amely a rádió kapcsolót kijelöltté teszi
a checked pszeudoosztály,
amely a kijelölt rádió gombocskák stílusát határozza meg
a disabled attribútum,
amely letiltja az űrlap elemeket
a label címke,
amely a rádió gombocskához tartozó feliratot határozza meg