Kako odabrati radio gumb prema zadanim postavkama?

U HTML obliku, radio gumb se koristi tamo gdje programer treba ograničiti korisnika da pruži ili odabere samo jednu opciju. Svrha postavljanja gumba prema zadanim postavkama je osigurati da korisnik mora odabrati jednu opciju jer korisniku omogućuje odabir samo jedne opcije. Ovaj blog demonstrira upute korak po korak za odabir radio gumba prema zadanim postavkama.

Kako odabrati radio gumb prema zadanim postavkama?

Prema zadanim postavkama ' provjereno ” atribut se koristi za odabir radio gumba. Ako se ovaj atribut koristi na više radio gumba, najnoviji radio gumb bit će odabran prema zadanim postavkama. Slijedite blog korak po korak da odaberete radio gumb prema zadanim postavkama:

Korak 1: Napravite radio gumbe

U HTML datoteci stvorite tri radio gumba i priložite im oznake:

< centar >

< h3 > Odaberite svoju razinu iskustva: < / h3 >

< div >

< ulazni tip = 'radio' iskaznica = 'početnik' Ime = 'iskustvo' vrijednost = 'početnik' >

< označiti za = 'početnik' > Početnik < / označiti >

< / div >

< div >

< ulazni tip = 'radio' iskaznica = 'srednji' Ime = 'iskustvo' vrijednost = 'srednji' >

< označiti za = 'srednji' > Srednji < / označiti >

< / div >

< div >

< ulazni tip = 'radio' iskaznica = 'unaprijed' Ime = 'iskustvo' vrijednost = 'unaprijed' >

< označiti za = 'unaprijed' > unaprijed < / označiti >

< / div >

< / centar >

U gornjem isječku koda:

Radio gumb se formira stvaranjem jednostavnog ' ” oznake i postavljanje njegove vrste na „ radio ”.
Svakom radio gumbu dodijelite 'ime', 'id' i 'vrijednost'.
Na kraju upotrijebite ' iskaznica ” polja za unos da priložite „ ” pomoću oznake „ za ” atribut.

Nakon izvršavanja skripte izlaz kao u nastavku:

Slika predstavlja da su radio gumbi prikazani, ali nijedan od njih nije odabran prema zadanim postavkama.

Korak 2: Odaberite prema zadanim postavkama

' provjereno ” atribut se koristi za automatski odabir radio gumba. Odabire samo jednu opciju. Zato je bolji pristup prema zadanim postavkama odabrati jedan radio gumb. Ograničava korisnika na odabir prave opcije:

< div >

< ulazni tip = 'radio' iskaznica = 'početnik' Ime = 'iskustvo' vrijednost = 'početnik' provjereno>

< označiti za = 'početnik' >Početnik< / označiti >

< / div >

U gornjem kodu, provjereno atribut se koristi i dodjeljuje se samo prvom polju za unos.

Sada nakon izvođenja gornjeg koda web stranica izgleda ovako:

Izlaz ilustrira da je prvi radio gumb odabran prema zadanim postavkama pri svakom osvježavanju stranice.

Dodatni savjet: korištenje JavaScripta za odabir radio gumba prema zadanim postavkama

Za odabir radio gumba prema zadanim postavkama pomoću JavaScripta, pristupite radio gumbu pomoću ID-a. Zatim odaberite njegov provjereni atribut i postavite njegovu Booleovu vrijednost na 'true' kao u donjem kodu:

< skripta >

document.getElementById ( 'početnik' ) . provjereno = pravi;

< / skripta >

U ovom kodu, ' početnik ” je ID tog radio gumba koji je odabran prema zadanim postavkama.

Nakon kompajliranja skripte rezultat je sljedeći:

Na gornjoj snimci, prvi radio gumb odabran je prema zadanim postavkama pomoću JavaScripta.

Zaključak

Za odabir radio gumba korisnici mogu upotrijebiti ' provjereno ” atribut. Ako se označeni atribut koristi u više od jednog radio gumba, tada radio gumb dobiva posljednju 'provjerenu' vrijednost atributa. Za odabir radio gumba prema zadanim postavkama pomoću JavaScripta, pristupite radio gumbu pomoću ID-a. Ovaj je blog uspješno pokazao kako odabrati radio gumb prema zadanim postavkama.

Kako odabrati radio gumb prema zadanim postavkama?