Przełącznik Radio

Przełącznik radio reprezentuje element formularza HTML w postaci okrągłego przycisku, który może być zaznaczony lub nie.

Przycisk radio tworzy się za pomocą znacznika input z atrybutem type o wartości radio. Wygląd:

Pojedynczy przełącznik radio jest praktycznie nigdy używany, należy ich używać grupowo. Jednocześnie w grupie może być zaznaczony tylko jeden z przełączników. Przełączniki będą tworzyć grupę tylko wtedy, gdy mają identyczną wartość atrybutu name (patrz przykłady poniżej).

Przykład

Stwórzmy dwa przełączniki radio: pierwszy zaznaczmy (ustawmy atrybut checked), a drugi - nie. Jednocześnie przełączniki będą stanowić grupę, w której może być zaznaczony tylko jeden z nich (ponieważ mają taką samą wartość atrybutu name).

Zwróć uwagę, że tym przyciskom radio nadano różne wartości atrybutu value. Jest to potrzebne do tego, aby po wysłaniu danych na serwer, PHP mógł określić, który z przełączników został wybrany:

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

Przykład

A teraz stwórzmy dwie grupy przełączników radio: pierwsza grupa będzie miała jedną wartość atrybutu name, a druga - inną. Spróbujmy po nich klikać i zobaczymy, że grupy przełączają się niezależnie od siebie:

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

Zobacz też

checkbox,
za pomocą którego można zrealizować pole wyboru
atrybut checked,
który sprawia, że przełącznik radio jest zaznaczony
pseudoklasa checked,
która nadaje style dla zaznaczonych przycisków radio
atrybut disabled,
który blokuje elementy formularzy
znacznik label,
który określa etykietę dla przycisku radio