Kuidas raadionuppu vaikimisi valida?

HTML-vormingus kasutatakse raadionuppu seal, kus arendaja peab piirama kasutaja pakkumist või valimist ainult ühe valiku. Nupu vaikimisi seadistamise eesmärk on tagada, et kasutaja peab valima ühe valiku, kuna see võimaldab kasutajal valida ainult ühe valiku. See ajaveeb näitab samm-sammult juhiseid raadionupu vaikimisi valimiseks.

Kuidas raadionuppu vaikimisi valida?

Algselt ' kontrollitud ” kasutatakse raadionupu valimiseks. Kui seda atribuuti kasutatakse mitmel raadionupul, valitakse vaikimisi viimane raadionupp. Vaikimisi raadionupu valimiseks järgige samm-sammult blogi:

1. samm: looge raadionupud

Looge HTML-failis kolm raadionuppu ja lisage nendega sildid:

< Keskus >

< h3 > Valige oma kogemuse tase: < / h3 >

< div >

< sisend tüüp = 'raadio' id = 'algaja' nimi = 'kogemus' väärtus = 'algaja' >

< silt jaoks = 'algaja' > Algaja < / silt >

< / div >

< div >

< sisend tüüp = 'raadio' id = 'keskmine' nimi = 'kogemus' väärtus = 'keskmine' >

< silt jaoks = 'keskmine' > Keskmine < / silt >

< / div >

< div >

< sisend tüüp = 'raadio' id = 'ettemaks' nimi = 'kogemus' väärtus = 'ettemaks' >

< silt jaoks = 'ettemaks' > Edasiminek < / silt >

< / div >

< / Keskus >

Ülaltoodud koodilõigul:

Raadionupp moodustatakse lihtsa ' ' sildid ja määrake selle tüübiks ' raadio ”.
Määrake igale raadionupule 'nimi', 'id' ja 'väärtus'.
Lõpuks kasutage ' id ', et lisada ' ” märgendit kasutades jaoks ” atribuut.

Pärast skripti täitmist väljund järgmiselt:

Joonis näitab, et raadionupud on kuvatud, kuid ükski neist pole vaikimisi valitud.

2. samm: valige Vaikimisi

' kontrollitud ” kasutatakse raadionupu automaatseks valimiseks. See valib ainult ühe valiku. Seetõttu on parem valida vaikimisi üks raadionupp. See lubab kasutajal valida õige valiku:

< div >

< sisend tüüp = 'raadio' id = 'algaja' nimi = 'kogemus' väärtus = 'algaja' kontrollitud>

< silt jaoks = 'algaja' >Algaja< / silt >

< / div >

Ülaltoodud koodis on kontrollitud atribuuti kasutatakse ja see määratakse ainult esimesele sisestusväljale.

Pärast ülaltoodud koodi käivitamist näeb veebileht välja järgmine:

Väljund näitab, et esimene raadionupp valitakse vaikimisi igal lehe värskendamisel.

Boonusnõuanne: JavaScripti kasutamine raadionupu vaikimisi valimiseks

Vaikimisi raadionupu valimiseks JavaScripti abil avage raadionupp, kasutades id. Seejärel valige selle kontrollitud atribuut ja määrake selle Boole'i väärtuseks 'tõene', nagu allolevas koodis:

< stsenaarium >

document.getElementById ( 'algaja' ) . kontrollitud = tõsi;

< / stsenaarium >

Selles koodis on ' algaja ” on selle raadionupu ID, mis on vaikimisi valitud.

Pärast skripti koostamist väljund järgmiselt:

Ülaltoodud pildil on esimene raadionupp vaikimisi valitud JavaScripti abil.

Järeldus

Raadionupu valimiseks saavad kasutajad kasutada kontrollitud ” atribuut. Kui märgistatud atribuuti kasutatakse rohkem kui ühes raadionupus, saab raadionupp kõige uuema „märgitud” atribuudi väärtuse. Vaikimisi raadionupu valimiseks JavaScripti abil avage raadionupp, kasutades id. See ajaveeb on edukalt näidanud, kuidas raadionuppu vaikimisi valida.

Kuidas raadionuppu vaikimisi valida?