Radio pārslēdzis

Radio pārslēdzis ir HTML formas elements apaļas pogas formā, kura var būt atzīmēta un neatzīmēta.

Radio poga tiek izveidota ar input atribūtu type ar vērtību radio. Izskats:

Viens radio pārslēdzis praktiski nekad netiek izmantots, tos vajadzētu izmantot grupā. Tajā pašā laikā grupā var būt atzīmēts tikai viens no pārslēdžiem. Pārslēdži veidos grupu tikai tad, ja tiem ir vienāda atribūta name vērtība (skatīt piemērus zemāk).

Piemērs

Izveidosim divus radio pārslēdžus: pirmais būs atzīmēts (iestatīts atribūts checked), bet otrais - neatzīmēts. Šajā gadījumā pārslēdži būs grupā, kurā var būt atzīmēts tikai viens no tiem (tāpēc ka tiem ir vienāda atribūta name vērtība).

Pievērsiet uzmanību tam, ka šiem radio pogām ir dotas dažādas atribūta value vērtības. Tas ir nepieciešams, lai pēc datu nosūtīšanas uz serveri, PHP varētu noteikt, kurš pārslēdzis bija izvēlēts:

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

Piemērs

Tagad izveidosim divas radio grupas pārslēdžus: pirmajai grupai būs viena atribūta name vērtība, un otrajai - cita. Pamēģināsim noklikšķināt uz tiem, un redzēsim, ka grupas pārslēžas neatkarīgi viena no otras:

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

Skatiet arī

izvēles rūtiņa,
ar kuras palīdzību var realizēt atzīmi
atribūts checked,
kas padara radio pārslēdzi atzīmētu
pseidoklase checked,
kas nosaka stilus atzīmētiem radio pogām
atribūts disabled,
kas bloķē formas elementus
atribūts label,
kas nosaka padomu radio pogai