Kako privzeto izbrati izbirni gumb?
Privzeto ' preverjeno Atribut ” se uporablja za izbiro izbirnega gumba. Če je ta atribut uporabljen na več izbirnih gumbih, je privzeto izbran zadnji izbirni gumb. Sledite spletnemu dnevniku po korakih, da privzeto izberete izbirni gumb:
1. korak: Ustvarite radijske gumbe
V datoteki HTML ustvarite tri izbirne gumbe in jim pripnite oznake:
< center >
< h3 > Izberite svojo raven izkušenj: < / h3 >
< div >
< vnos vrsta = 'radio' id = 'začetnik' ime = 'izkušnje' vrednost = 'začetnik' >
< oznaka za = 'začetnik' > Začetnik < / oznaka >
< / div >
< div >
< vnos vrsta = 'radio' id = 'vmesni' ime = 'izkušnje' vrednost = 'vmesni' >
< oznaka za = 'vmesni' > Vmesni < / oznaka >
< / div >
< div >
< vnos vrsta = 'radio' id = 'predujem' ime = 'izkušnje' vrednost = 'predujem' >
< oznaka za = 'predujem' > Vnaprej < / oznaka >
< / div >
< / center >
V zgornjem delčku kode:
- Izbirni gumb se oblikuje z ustvarjanjem preprostih '
” in nastavitev njegove vrste na “ radio ”. - Vsakemu izbirnemu gumbu dodelite »ime«, »id« in »vrednost«.
- Na koncu uporabite » id « vnosnega polja, da pripnete »
' z uporabo ' za ” atribut.
Po izvedbi skripta izhod kot spodaj:
Slika prikazuje, da so izbirni gumbi prikazani, vendar noben od njih ni privzeto izbran.
2. korak: Izberite Privzeto
' preverjeno Atribut ” se uporablja za samodejno izbiro izbirnega gumba. Izbere samo eno možnost. Zato je boljši pristop, da privzeto izberete en izbirni gumb. Uporabnika omejuje pri izbiri prave možnosti:
< div >
< vnos vrsta = 'radio' id = 'začetnik' ime = 'izkušnje' vrednost = 'začetnik' preverjeno>
< oznaka za = 'začetnik' >Začetnik< / oznaka >
< / div >
V zgornji kodi je preverjeno atribut se uporablja in je dodeljen samo prvemu vnosnemu polju.
Po izvedbi zgornje kode je spletna stran videti takole:
Izhod ponazarja, da je prvi izbirni gumb privzeto izbran ob vsaki osvežitvi strani.
Dodatni nasvet: uporaba JavaScripta za izbiro izbirnega gumba privzeto
Če želite privzeto izbrati izbirni gumb z uporabo JavaScripta, dostopajte do izbirnega gumba z id-jem. Nato izberite njegov preverjeni atribut in nastavite njegovo logično vrednost na »true«, kot je prikazano v spodnji kodi:
< scenarij >document.getElementById ( 'začetnik' ) . preverjeno = prav;
< / scenarij >
V tej kodi je » začetnik ” je ID izbirnega gumba, ki je privzeto izbran.
Po prevajanju skripta izhod kot spodaj:
Na zgornjem posnetku je prvi izbirni gumb privzeto izbran z uporabo JavaScripta.
Zaključek
Za izbiro izbirnega gumba lahko uporabniki uporabijo » preverjeno ” atribut. Če je označeni atribut uporabljen v več kot enem izbirnem gumbu, dobi izbirni gumb zadnjo vrednost »preverjenega« atributa. Če želite privzeto izbrati izbirni gumb z uporabo JavaScripta, dostopajte do izbirnega gumba z id-jem. Ta spletni dnevnik je uspešno pokazal, kako privzeto izbrati izbirni gumb.