Kaip pasirinkti radijo mygtuką pagal numatytuosius nustatymus?
Pagal numatytuosius nustatymus ' patikrinta “ atributas naudojamas radijo mygtukui pasirinkti. Jei šis atributas naudojamas keliuose akutėje, pagal numatytuosius nustatymus pasirenkamas naujausias akutė. Sekite nuoseklų tinklaraštį, kad pasirinktumėte radijo mygtuką pagal numatytuosius nustatymus:
1 veiksmas: sukurkite radijo mygtukus
HTML faile sukurkite tris radijo mygtukus ir pridėkite jais etiketes:
< centras >
< h3 > Pasirinkite savo patirties lygį: < / h3 >
< div >
< įvestis tipo = 'radijas' id = 'pradedantysis' vardas = 'patirtis' vertė = 'pradedantysis' >
< etiketė dėl = 'pradedantysis' > Pradedantysis < / etiketė >
< / div >
< div >
< įvestis tipo = 'radijas' id = 'tarpinis' vardas = 'patirtis' vertė = 'tarpinis' >
< etiketė dėl = 'tarpinis' > Tarpinis < / etiketė >
< / div >
< div >
< įvestis tipo = 'radijas' id = 'išankstinis' vardas = 'patirtis' vertė = 'išankstinis' >
< etiketė dėl = 'išankstinis' > Išankstinis < / etiketė >
< / div >
< / centras >
Aukščiau pateiktame kodo fragmente:
- Radijo mygtukas sudaromas sukuriant paprastą <įvestis> “ žymas ir nustatykite jos tipą į „ radijas “.
- Kiekvienam radijo mygtukui priskirkite „pavadinimą“, „id“ ir „vertę“.
- Pabaigoje naudokite „ id “ iš įvesties lauko, kad pridėtumėte “
“ žymą naudojant „ dėl “ atributas.
Įvykdžius scenarijų, išvestis, kaip nurodyta toliau:
Paveikslėlyje parodyta, kad radijo mygtukai rodomi, bet pagal numatytuosius nustatymus nėra pasirinktas nė vienas iš jų.
2 veiksmas: pasirinkite Pagal numatytuosius nustatymus
„ patikrinta “ atributas naudojamas automatiniam radijo mygtuko pasirinkimui. Jis pasirenka tik vieną variantą. Štai kodėl geriau pasirinkti vieną radijo mygtuką pagal numatytuosius nustatymus. Tai leidžia vartotojui pasirinkti tinkamą parinktį:
< div >
< įvestis tipo = 'radijas' id = 'pradedantysis' vardas = 'patirtis' vertė = 'pradedantysis' patikrinta>
< etiketė dėl = 'pradedantysis' > Pradedantysis< / etiketė >
< / div >
Aukščiau pateiktame kode patikrinta naudojamas atributas ir jis priskiriamas tik pirmam įvesties laukui.
Dabar, įvykdžius aukščiau pateiktą kodą, tinklalapis atrodo taip:
Išvestis rodo, kad pirmasis radijo mygtukas pasirenkamas pagal numatytuosius nustatymus kiekviename puslapio atnaujinime.
Papildomas patarimas: naudokite „JavaScript“, kad pasirinktumėte radijo mygtuką pagal numatytuosius nustatymus
Norėdami pasirinkti akutę pagal numatytuosius nustatymus naudodami „JavaScript“, pasiekite akutę naudodami ID. Tada pasirinkite pažymėtą atributą ir nustatykite jo Būlio reikšmę kaip „true“, kaip nurodyta toliau pateiktame kode:
< scenarijus >document.getElementById ( 'pradedantysis' ) . patikrinta = tiesa;
< / scenarijus >
Šiame kode „ pradedantysis “ yra to radijo mygtuko ID, kuris pasirinktas pagal numatytuosius nustatymus.
Sukūrę scenarijų, išvestis, kaip nurodyta toliau:
Aukščiau pateiktoje momentinėje nuotraukoje pirmasis radijo mygtukas pasirenkamas pagal numatytuosius nustatymus naudojant JavaScript.
Išvada
Norėdami pasirinkti radijo mygtuką, vartotojai gali naudoti patikrinta “ atributas. Jei pažymėtas atributas naudojamas daugiau nei viename radijo mygtuke, akutė gauna naujausią „pažymėto“ atributo reikšmę. Norėdami pasirinkti akutę pagal numatytuosius nustatymus naudodami „JavaScript“, pasiekite akutę naudodami ID. Šis tinklaraštis sėkmingai parodė, kaip pagal numatytuosius nustatymus pasirinkti radijo mygtuką.