Com seleccionar un botó de ràdio per defecte?
Per defecte ' comprovat ” s'utilitza per seleccionar el botó d'opció. Si aquest atribut s'utilitza en diversos botons d'opció, el botó d'opció més recent es selecciona per defecte. Seguiu el bloc pas a pas per seleccionar el botó d'opció de manera predeterminada:
Pas 1: creeu botons de ràdio
Al fitxer HTML, creeu tres botons d'opció i adjunteu-hi etiquetes:
< centre >
< h3 > Seleccioneu el vostre nivell d'experiència: < / h3 >
< div >
< entrada tipus = 'ràdio' id = 'principiant' nom = 'experiència' valor = 'principiant' >
< etiqueta per = 'principiant' > Principiant < / etiqueta >
< / div >
< div >
< entrada tipus = 'ràdio' id = 'intermedi' nom = 'experiència' valor = 'intermedi' >
< etiqueta per = 'intermedi' > Intermedi < / etiqueta >
< / div >
< div >
< entrada tipus = 'ràdio' id = 'avançar' nom = 'experiència' valor = 'avançar' >
< etiqueta per = 'avançar' > Avançar < / etiqueta >
< / div >
< / centre >
Al fragment de codi anterior:
- El botó d'opció es forma creant un senzill '
etiquetes ” i establint-ne el tipus a “ ràdio ”. - Assigna a cada botó d'opció 'nom', 'id' i 'valor'.
- Al final, utilitzeu el ' id ' del camp d'entrada per adjuntar el '
” amb l'etiqueta “ per ” atribut.
Després d'executar l'script, la sortida és la següent:
La figura representa que els botons d'opció es mostren però cap d'ells no està seleccionat per defecte.
Pas 2: seleccioneu per defecte
El ' comprovat ” s'utilitza per seleccionar automàticament el botó d'opció. Només selecciona una opció. Per això, és millor seleccionar un botó d'opció per defecte. Restringeix l'usuari a seleccionar l'opció correcta:
< div >
< entrada tipus = 'ràdio' id = 'principiant' nom = 'experiència' valor = 'principiant' comprovat>
< etiqueta per = 'principiant' >Principiant< / etiqueta >
< / div >
En el codi anterior, el comprovat s'utilitza l'atribut i només s'assigna al primer camp d'entrada.
Ara, després d'executar el codi anterior, la pàgina web té aquest aspecte:
La sortida il·lustra que el primer botó d'opció està seleccionat per defecte a cada actualització de la pàgina.
Consell addicional: utilitzant JavaScript per seleccionar el botó de ràdio per defecte
Per seleccionar un botó d'opció de manera predeterminada mitjançant JavaScript, accediu al botó d'opció amb id. A continuació, seleccioneu el seu atribut marcat i configureu el seu valor booleà definit com a 'true' com al codi següent:
< guió >document.getElementById ( 'principiant' ) . comprovat = veritat;
< / guió >
En aquest codi, el ' principiant ” és l'identificador d'aquest botó d'opció que està seleccionat per defecte.
Després de compilar l'script, la sortida és la següent:
A la instantània anterior, el primer botó d'opció està seleccionat per defecte mitjançant JavaScript.
Conclusió
Per seleccionar un botó d'opció, els usuaris poden utilitzar el ' comprovat ” atribut. Si l'atribut marcat s'utilitza en més d'un botó d'opció, el botó d'opció obté el valor de l'atribut 'comprovat' més recent. Per seleccionar un botó d'opció de manera predeterminada mitjançant JavaScript, accediu al botó d'opció amb id. Aquest bloc ha demostrat correctament com seleccionar el botó d'opció per defecte.