Ako predvolene vybrať prepínač?
Predvolene ' skontrolované ” sa používa na výber prepínača. Ak sa tento atribút používa na viacerých prepínačoch, predvolene sa vyberie najnovší prepínač. Postupujte podľa podrobného blogu a vyberte prepínač predvolene:
Krok 1: Vytvorte prepínače
V súbore HTML vytvorte tri prepínače a pripojte k nim štítky:
< stred >
< h3 > Vyberte úroveň skúseností: < / h3 >
< div >
< vstup typu = 'rádio' id = 'začiatočník' názov = 'skúsenosť' hodnotu = 'začiatočník' >
< štítok pre = 'začiatočník' > začiatočník < / štítok >
< / div >
< div >
< vstup typu = 'rádio' id = 'stredne pokročilý' názov = 'skúsenosť' hodnotu = 'stredne pokročilý' >
< štítok pre = 'stredne pokročilý' > Stredne pokročilý < / štítok >
< / div >
< div >
< vstup typu = 'rádio' id = 'vpred' názov = 'skúsenosť' hodnotu = 'vpred' >
< štítok pre = 'vpred' > Advance < / štítok >
< / div >
< / stred >
Vo vyššie uvedenom útržku kódu:
- Prepínač je vytvorený vytvorením jednoduchého „
” tagy a nastavenie jeho typu na “ rádio “. - Každému prepínaču priraďte „názov“, „id“ a „hodnotu“.
- Nakoniec použite „ id “ vstupného poľa na pripojenie „ <štítok> pomocou značky “ pre “.
Po vykonaní skriptu výstup, ako je uvedené nižšie:
Obrázok znázorňuje, že prepínače sú zobrazené, ale žiadne z nich nie je predvolene vybraté.
Krok 2: Vyberte možnosť Predvolene
' skontrolované ” sa používa na automatický výber prepínača. Vyberie len jednu možnosť. Preto je lepším prístupom predvolene vybrať jeden prepínač. Obmedzuje používateľa na výber správnej možnosti:
< div >
< vstup typu = 'rádio' id = 'začiatočník' názov = 'skúsenosť' hodnotu = 'začiatočník' začiarknuté>
< štítok pre = 'začiatočník' >Začiatočník< / štítok >
< / div >
Vo vyššie uvedenom kóde je skontrolované atribút sa používa a je priradený len prvému vstupnému poľu.
Teraz po vykonaní vyššie uvedeného kódu webová stránka vyzerá takto:
Výstup ilustruje, že prvý prepínač je predvolene vybratý pri každom obnovení stránky.
Bonusový tip: Predvolene použite na výber prepínača JavaScript
Ak chcete predvolene vybrať prepínač pomocou JavaScriptu, prejdite na prepínač pomocou id. Potom vyberte jeho začiarknutý atribút a nastavte jeho boolovskú hodnotu nastavenú na „true“ ako v nižšie uvedenom kóde:
< skript >document.getElementById ( 'začiatočník' ) . skontrolované = pravda;
< / skript >
V tomto kóde je „ začiatočník ” je id tohto prepínača, ktorý je predvolene vybratý.
Po skompilovaní skriptu výstup, ako je uvedené nižšie:
Na snímke vyššie je prvý prepínač vybratý predvolene pomocou JavaScriptu.
Záver
Na výber prepínača môžu používatelia použiť „ skontrolované “. Ak sa začiarknutý atribút používa vo viac ako jednom prepínači, potom prepínač získa najnovšiu hodnotu atribútu „začiarknuté“. Ak chcete predvolene vybrať prepínač pomocou JavaScriptu, prejdite na prepínač pomocou id. Tento blog úspešne ukázal, ako predvolene vybrať prepínač.