Hogyan válasszunk ki egy rádiógombot alapértelmezés szerint?
Alapértelmezés szerint ' ellenőrizve ” attribútumot használjuk a választógomb kiválasztásához. Ha ezt az attribútumot több választógombon használja, akkor alapértelmezés szerint a legutóbbi választógomb lesz kiválasztva. Kövesse a lépésenkénti blogot a választógomb alapértelmezés szerinti kiválasztásához:
1. lépés: Hozzon létre rádiógombokat
A HTML-fájlban hozzon létre három választógombot, és csatoljon hozzájuk címkéket:
< központ >
< h3 > Válassza ki tapasztalati szintjét: < / h3 >
< div >
< bemenet típus = 'rádió' id = 'kezdő' név = 'tapasztalat' érték = 'kezdő' >
< címke számára = 'kezdő' > Kezdő < / címke >
< / div >
< div >
< bemenet típus = 'rádió' id = 'közbülső' név = 'tapasztalat' érték = 'közbülső' >
< címke számára = 'közbülső' > Közbülső < / címke >
< / div >
< div >
< bemenet típus = 'rádió' id = 'előleg' név = 'tapasztalat' érték = 'előleg' >
< címke számára = 'előleg' > Előleg < / címke >
< / div >
< / központ >
A fenti kódrészletben:
- A rádiógomb az egyszerű „
” címkéket, és a típusát „” értékre állítja rádió ”. - Minden rádiógombhoz rendelje hozzá a „name”, „id” és „value” értéket.
- Végül használja a „ id ' a beviteli mezőben a '
' címke a ' számára ' tulajdonság.
A szkript végrehajtása után a kimenet az alábbiak szerint történik:
Az ábra azt mutatja, hogy a választógombok megjelennek, de alapértelmezés szerint egyik sincs kiválasztva.
2. lépés: Válassza az Alapértelmezés szerint lehetőséget
A ' ellenőrizve ” attribútum a rádiógomb automatikus kiválasztására szolgál. Csak egy lehetőséget választ ki. Ezért jobb, ha alapértelmezés szerint egy választógombot választ ki. Korlátozza a felhasználót a megfelelő opció kiválasztásában:
< div >
< bemenet típus = 'rádió' id = 'kezdő' név = 'tapasztalat' érték = 'kezdő' ellenőrizve>
< címke számára = 'kezdő' >Kezdő< / címke >
< / div >
A fenti kódban a ellenőrizve attribútum használatos, és csak az első beviteli mezőhöz van hozzárendelve.
A fenti kód végrehajtása után a weboldal így néz ki:
A kimenet azt szemlélteti, hogy az első választógomb alapértelmezés szerint az oldal minden frissítésénél ki van választva.
Bónusztipp: JavaScript használatával válassza ki a rádiógombot alapértelmezés szerint
Ha JavaScript használatával alapértelmezett választógombot szeretne kiválasztani, nyissa meg a választógombot az id használatával. Ezután válassza ki a bejelölt attribútumot, és állítsa a logikai értékét „true”-ra az alábbi kód szerint:
< forgatókönyv >document.getElementById ( 'kezdő' ) . ellenőrizve = igaz;
< / forgatókönyv >
Ebben a kódban a „ kezdő ” az alapértelmezés szerint kiválasztott rádiógomb azonosítója.
A szkript összeállítása után a kimenet az alábbiak szerint:
A fenti pillanatképen az első választógomb alapértelmezés szerint a JavaScript használatával van kiválasztva.
Következtetés
A rádiógomb kiválasztásához a felhasználók használhatják a „ ellenőrizve ' tulajdonság. Ha a bejelölt attribútumot egynél több választógombban használják, akkor a választógomb a legutóbbi „ellenőrzött” attribútumértéket kapja. Ha JavaScript használatával alapértelmezett választógombot szeretne kiválasztani, nyissa meg a választógombot az id használatával. Ez a blog sikeresen bemutatta, hogyan kell alapértelmezés szerint kiválasztani a választógombot.