Este artículo demuestra el propósito, la funcionalidad y el uso de la propiedad 'marcada' de HTML DOM Input Radio en JavaScript.
¿Qué es la propiedad 'marcada' de HTML DOM Input Radio en JavaScript?
La propiedad Input Radio 'checked' funciona en los formularios HTML y campos de entrada para configurar y verificar el estado del botón 'Radio'.
Sintaxis (Establecer propiedad marcada)
objeto de radio. comprobado = verdadero | FALSODe acuerdo con la sintaxis de devolución definida, la propiedad 'marcada' admite dos parámetros que se enumeran a continuación:
- verdadero: Representa que el elemento correspondiente está marcado.
- FALSO: Indica que el elemento correspondiente está desmarcado.
Sintaxis (Devolver propiedad marcada)
objeto de radio. comprobado En la sintaxis anterior, el ' objeto de radio ” se refiere al HTML “
Usemos las sintaxis definidas anteriormente para explicar el uso de la propiedad 'marcada' de HTML DOM Input Radio con la ayuda de ejemplos prácticos dados.
Ejemplo 1: Aplicación de la propiedad “checked” de radio de entrada Uso de la sintaxis básica
En el primer ejemplo, el botón 'Radio' se crea para establecer su propiedad 'marcada' usando la sintaxis generalizada definida.
código HTML
En primer lugar, mire el código HTML indicado:
< tipo de cuerpo = 'alinear texto: centro' >
< h2 > HTML Propiedad comprobada de radio de entrada DOM h2 >
Color : < tipo de entrada = 'radio' identificación = 'amarillo' > Amarillo < hermano >< hermano >
< botón al hacer clic = 'colorCheck ()' > Controlar 'amarillo' botón >
< botón al hacer clic = 'colorDesmarcar()' > Desmarcar 'amarillo' botón >
En las líneas de código anteriores:
- El '
La etiqueta ” define la sección del cuerpo que está alineada con el “ centro ”. - El ' La etiqueta ” especifica el primer subtítulo.
- El '
La etiqueta ” agrega un botón de “Radio” especificando el tipo de entrada “ radio ” con una identificación asignada “ amarillo ”. - El '
La etiqueta ” agrega un botón simple asociado con un “ al hacer clic ” evento para ejecutar el “ control de color () ” función a la que se accederá al hacer clic en el botón. - Del mismo modo, otro “
La etiqueta ” crea un botón para invocar el “ colorDesmarcar() ” función al hacer clic en el botón.
Código JavaScript
A continuación, siga el código JavaScript dado:
< guion >función colorCheck ( ) {
documento. getElementById ( 'amarillo' ) . comprobado = verdadero ;
}
función colorDesmarcar ( ) {
documento. getElementById ( 'amarillo' ) . comprobado = FALSO ;
}
guion >
En el fragmento de código anterior:
- La primera función “ control de color () ” utiliza el “ documento.getElementById() ” para obtener el botón de opción, asocie el “ comprobado ” y establezca su valor en “true”.
- Por otro lado, la función “ colorDesmarcar() ” establece el valor de la “ comprobado ” propiedad a “falso” contra el botón de opción accedido.
Producción
Como se ve, la salida verifica el botón 'Radio' al hacer clic en el botón (llamado 'Verificar') y desmarca' en el clic del botón ('Desmarcar').
Ejemplo 2: Devolver el valor 'marcado' del radio de entrada
Este ejemplo aplica la propiedad Input Radio 'checked' para devolver el estado del botón 'Radio' de destino como un valor booleano.
código HTML
Considere el siguiente código HTML:
< tipo de cuerpo = 'alinear texto: centro' >< h2 > HTML Propiedad comprobada de radio de entrada DOM h2 >
Color : < tipo de entrada = 'radio' comprobado = verdadero identificación = 'amarillo' > Amarillo < hermano >< hermano >
< botón al hacer clic = 'colorCheck ()' > Controlar 'amarillo' botón >
< identificación p = 'muestra' >< pag >
En el bloque de código anterior, el ' Radio Se crea el botón ” y el estado del “ comprobado La propiedad ” se establece en “ verdadero ”. Después de eso, de manera similar, la función indicada se invoca a través del adjunto ' al hacer clic ” evento con el botón.
Código JavaScript
Ahora, considere las siguientes líneas de código:
< guion >función colorCheck ( ) {
dónde = documento. getElementById ( 'amarillo' ) . por defecto marcado ;
documento. getElementById ( 'muestra' ) . HTML interno = t ;
}
guion >
En el fragmento de código anterior:
- Defina una función llamada “ control de color () ”.
- En su definición, aplica el “ documento.getElementById() ” para acceder al botón “Radio” utilizando su id “amarillo” y asociar el “ por defecto marcado ” propiedad para comprobar el valor predeterminado de la “ comprobado ' atributo.
- Por último, aplique el “ documento.getElementById() ” de nuevo para obtener el párrafo vacío incluido y mostrar el estado de la propiedad “marcada”.
.
Producción
Como se analizó, el resultado devuelve el estado del botón 'Radio' dado, es decir, ' verdadero ” al hacer clic en el botón.
Conclusión
En JavaScript, la propiedad 'marcada' de HTML DOM Input Radio es útil para establecer y devolver el estado marcado del botón 'Radio'. La sintaxis establecida de la propiedad 'marcada' funciona en dos valores ' verdadero ' y ' FALSO ”. Por otro lado, su sintaxis de retorno no requiere ningún parámetro. Este artículo demostró el objetivo, la funcionalidad y el uso de la propiedad 'marcada' de HTML DOM Input Radio en JavaScript.