Ús de la casella de selecció HTML ✅ i gestió de l’estat de comprovació ✔ Amb JavaScript

Bloc

Ús de la casella de selecció HTML ✅ i gestió de l’estat de comprovació ✔ Amb JavaScript

Les caselles de selecció són un component d’entrada fonamental que normalment es representa mitjançant una casella buida en l’estat no seleccionat i una casella amb una marca de selecció (d’aquí el nom de la casella de selecció) quan està seleccionada. S'utilitzen per representar una elecció booleana, cadascuna de les quals es correlaciona amb una elecció de valor.



La gestió de caselles de selecció en HTML, específicament mitjançant JavaScript i jQuery, pot semblar una mica antinatural. Espero resoldre problemes comuns que pugueu tenir amb aquest tutorial.

Les caselles de selecció són bones d’utilitzar quan heu de recollir una opció vertader / fals (booleà) o diversos valors d’una llista d’opcions.



Els botons d'opció ofereixen una metàfora de selecció booleana similar, però s'utilitzen quan hi ha una única opció disponible dins d'una llista.

Hi ha dos casos d'ús generals per a una casella de selecció:



  • Quan necessiteu confirmació o agraïment, per exemple, reconèixer les condicions d'ús
  • Quan diversos valors poden respondre a una sola pregunta

Les caselles de selecció s’utilitzen per a casos en què un usuari pot voler seleccionar diverses opcions, com ara en el cas d’una comprovació de totes les preguntes aplicables. Caselles de selecció HTML seleccionades. Es pot col·locar un element de casella de selecció en una pàgina web de manera comprovada prèviament establint l'atribut marcat amb un valor sí.

L'HTML correcte per fer una casella de selecció

Sembla que hi ha confusió sobre la forma correcta o correcta d’escriure la casella de selecció html. Jo també hi he estat, així que empatitzo amb tothom.

Quant a la interfície d'usuari de la casella de selecció, heu d'incloure una casella de selecció i un element d'etiqueta en aquest ordre. Naturalment, es col·locarà la casella de selecció a l'esquerra de l'etiqueta.

Si necessiteu canviar la seva comanda, podeu canviar el seu html o utilitzar CSS. Tanmateix, us tornaré a advertir que, tret que sàpiga, podeu mantenir les caselles de selecció relacionades o agrupades alineades horitzontalment.

Per naturalesa, les caselles de selecció són objectius petits, cosa normal per a l’escriptori i el ratolí, però al mòbil actual, el primer món tàctil pot ser problemàtic.

La bona notícia és que podeu relacionar l’etiqueta d’una casella de selecció amb la casella de selecció, ampliant l’àrea d’acció on l’usuari pot fer clic o tocar per canviar l’estat de verificació.

Això es fa afegint un atribut 'nom' o 'id' a l'element de la casella de selecció i un atribut 'for' corresponent a l'etiqueta. L'etiqueta del valor de l'atribut ha de coincidir amb el nom o el valor de l'identificador de la casella de selecció.

La propietat o l'atribut Value

Programàticament podeu obtenir el valor actual o comprovar l’estat de la propietat value, que també és un atribut. El valor no és cert o fals, tot i que la naturalesa de la casella de selecció és indicar si està seleccionat o no un valor.

var btnSubscribe = document.getElementById('btnSubmitSubscribe'); btnSubscri

#javascript #tutorial #html #managing

love2dev.com

Ús de la casella de selecció HTML ✅ i gestió de l’estat de comprovació ✔ Amb JavaScript

Les caselles de selecció són un component d’entrada fonamental que normalment es representa mitjançant una casella buida en l’estat no seleccionat i una casella amb una marca de selecció (d’aquí el nom de la casella de selecció) quan està seleccionada.