57 of 133 menu

Radio perjungiklis

Radio perjungiklis yra HTML formos elementas apvalaus mygtuko pavidalu, kuris gali būti pažymėtas arba ne.

Radio mygtukas sukuriamas naudojant input ženklą su type atributu, kurio reikšmė radio. Išorinis pavidalas:

Vienas radio perjungiklis beveik niekada nenaudojamas, juos reikėtų naudoti grupėse. Tuo pačiu metu grupėje gali būti pažymėtas tik vienas iš perjungiklių. Perjungikliai formuos grupę tik jei jie turi vienodą name atributo reikšmę (žr. toliau pateiktus pavyzdžius).

Pavyzdys

Sukurkime du radio perjungiklius: pirmąjį pažymėkime (nustatykime checked atributą), o antrąjį - ne. Tuo pačiu perjungikliai bus grupė, kurioje gali būti pažymėtas tik vienas iš jų (nes jie turi vienodą name atributo reikšmę).

Atkreipkite dėmesį, kad šiems radio mygtukams suteiktos skirtingos value atributo reikšmės. Tai reikalinga tam, kad po duomenų siuntimo į serverį, PHP galėtų nustatyti, kuris iš perjungiklių buvo pasirinktas:

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

:

Pavyzdys

Dabar sukurkime dvi radio perjungiklių grupes: pirmoji grupė turės vieną name atributo reikšmę, o antroji - kitą. Pabandykime juos paspausti ir pamatysime, kad grupės perjungiasi nepriklausomai viena nuo kitos:

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

:

Taip pat žiūrėkite

  • varnelė,
    kuria galima įgyvendinti žymimąjį langelį
  • atributas checked,
    kuris pažymi radio perjungiklį
  • pseudoklasė checked,
    kuri nustato stilius pažymėtiems radio mygtukams
  • atributas disabled,
    kuris blokuoja formų elementus
  • ženklas label,
    kuris nurodo radio mygtuko paaiškinimą
Lietuvių
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Mes naudojame slapukus svetainės veikimui, analizei ir personalizavimui. Duomenų apdorojimas vyksta pagal Privatumo politiką.
priimti visus nustatyti atšaukti