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:

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

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

Результат:

Viz také