Přepínač (radio)

Přepínač (radio button) představuje prvek HTML formuláře v podobě kulatého tlačítka, které může být označeno a neoznačeno.

Přepínač se vytváří pomocí tagu input s atributem type s hodnotou radio. Vzhled:

Jeden přepínač se prakticky nikdy nepoužívá samostatně, měly by se používat ve skupině. V takové skupině může být označen pouze jeden z přepínačů. Přepínače budou tvořit skupinu pouze tehdy, pokud mají shodnou hodnotu atributu name (viz příklady níže).

Příklad

Vytvořme dva přepínače: první označme (nastavíme atribut checked), a druhý - ne. Přitom přepínače budou představovat skupinu, ve které může být označen pouze jeden z nich (protože mají stejnou hodnotu atributu name).

Všimněte si, že těmto přepínačům jsou přiřazeny různé hodnoty atributu value. To je potřeba proto, aby po odeslání dat na server, PHP mohlo rozpoznat, který z přepínačů byl vybrán:

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

Příklad

A nyní vytvořme dvě skupiny přepínačů: první skupina bude mít jednu hodnotu atributu name, a druhá - jinou. Zkusme na ně klikat a uvidíme, že se skupiny přepínají nezávisle na sobě:

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

Viz také

zaškrtávací políčko (checkbox),
pomocí kterého lze implementovat příznak
atribut checked,
který označí přepínač jako zaškrtnutý
pseudotřída checked,
která nastavuje styly pro označené přepínače
atribut disabled,
který blokuje prvky formuláře
tag label,
který nastavuje popisek pro přepínač