Cum să selectezi un buton radio în mod implicit?
În mod implicit ' verificat ” este utilizat pentru selectarea butonului radio. Dacă acest atribut este utilizat pe mai multe butoane radio, atunci cel mai recent buton radio este selectat implicit. Urmați blogul pas cu pas pentru a selecta butonul radio în mod implicit:
Pasul 1: Creați butoane radio
În fișierul HTML, creați trei butoane radio și atașați etichete cu ele:
< centru >
< h3 > Selectați nivelul de experiență: < / h3 >
< div >
< intrare tip = 'radio' id = 'începător' Nume = 'experienţă' valoare = 'începător' >
< eticheta pentru = 'începător' > Începător < / eticheta >
< / div >
< div >
< intrare tip = 'radio' id = 'intermediar' Nume = 'experienţă' valoare = 'intermediar' >
< eticheta pentru = 'intermediar' > Intermediar < / eticheta >
< / div >
< div >
< intrare tip = 'radio' id = 'avans' Nume = 'experienţă' valoare = 'avans' >
< eticheta pentru = 'avans' > Avans < / eticheta >
< / div >
< / centru >
În fragmentul de cod de mai sus:
- Butonul radio este format prin crearea unui simplu „ ” etichete și setându-i tipul la „ radio ”.
- Atribuiți fiecărui buton radio „nume”, „id” și „valoare”.
- În cele din urmă, folosiți „ id ” din câmpul de introducere pentru a atașa „
eticheta ” folosind eticheta ” pentru ” atribut.
După executarea scriptului, ieșirea după cum urmează:
Figura reprezintă că butoanele radio sunt afișate, dar niciunul dintre ele nu este selectat implicit.
Pasul 2: Selectați implicit
„ verificat ” este utilizat pentru a selecta automat butonul radio. Selectează o singură opțiune. De aceea, este o abordare mai bună să selectați un buton radio în mod implicit. Limitează utilizatorul să selecteze opțiunea potrivită:
< div >
< intrare tip = 'radio' id = 'începător' Nume = 'experienţă' valoare = 'începător' verificat>
< eticheta pentru = 'începător' >Începător< / eticheta >
< / div >
În codul de mai sus, verificat este utilizat și este atribuit numai primului câmp de intrare.
Acum, după executarea codului de mai sus, pagina web arată astfel:
Rezultatul ilustrează faptul că primul buton radio este selectat implicit la fiecare reîmprospătare a paginii.
Sfat bonus: Utilizarea JavaScript pentru a selecta butonul radio în mod implicit
Pentru a selecta un buton radio în mod implicit utilizând JavaScript, accesați butonul radio folosind id. Apoi, selectați atributul bifat și setați valoarea sa booleană setată la „adevărat”, ca în codul de mai jos:
< scenariu >document.getElementById ( 'începător' ) . verificat = Adevărat;
< / scenariu >
În acest cod, „ începător ” este id-ul acelui buton radio care este selectat implicit.
După compilarea scriptului, ieșirea după cum urmează:
În instantaneul de mai sus, primul buton radio este selectat implicit folosind JavaScript.
Concluzie
Pentru a selecta un buton radio, utilizatorii pot utiliza butonul „ verificat ” atribut. Dacă atributul verificat este utilizat în mai multe butoane radio, atunci butonul radio primește cea mai recentă valoare a atributului „verificat”. Pentru a selecta un buton radio în mod implicit utilizând JavaScript, accesați butonul radio folosind id. Acest blog a demonstrat cu succes cum să selectați butonul radio în mod implicit.