Verifique un botón de radio con JavaScript

En algunos casos, los programadores deben verificar/marcar el botón de radio. Por ejemplo, seleccionar el botón de radio apropiado automáticamente en función de alguna acción del usuario o un escenario específico. Para esto, use el JavaScript "comprobado"Propiedad del botón de radio para configurar"verdadero". Verificar un botón de radio con JavaScript puede hacer que el uso del sitio web sea más fácil y más eficiente.

Este blog demostrará la forma de verificar/marcar un elemento de botón de radio HTML usando JavaScript.

Cómo verificar un botón de radio con JavaScript?

Para verificar un botón de radio con JavaScript, use el "comprobadoPropiedad/atributo de un botón de radio HTML. Es un atributo de valor booleano utilizado para devolver el estado verificado de un botón de radio.

Sintaxis
Para establecer los valores, use la siguiente sintaxis donde establecemos el valor del atributo a "verdadero" o "FALSO".

radioobjeto.marcado = verdadero | falso

Ejemplo 1: Verifique un botón de radio haciendo clic en el botón
Crea un botón de radio:

Aceptar

Cree un botón que verifique el botón de radio haciendo clic en él:

Seleccionar botón de radio

Defina una función "checktheradio ()"Que se activará en el clic del botón. Obtenga la referencia del botón de radio y configure el "comprobado"Propiedad a"verdadero":

función checkTheradio ()
documento.getElementById ("de acuerdo").marcado = verdadero;

Aquí, puede ver que el botón de radio se ha verificado correctamente haciendo clic en "Seleccionar botón de radio":

También puedes usar el "comprobadoPropiedad para obtener el valor del botón de radio seleccionado.

Ejemplo 2: Obtenga el valor del botón de radio seleccionado
En un archivo HTML, cree un grupo de botones de radio que indique los días de la semana:

Lunes

Martes

Miércoles

Jueves

Viernes

Sábado

Domingo

Cree un botón con unir un "al hacer clic()"Evento que llamará a la función"controlar()":

Verifique el botón de radio seleccionado

Crear un

Etiqueta para obtener el valor del botón de radio seleccionado:

En el archivo JavaScript, primero, obtenga las referencias de los botones de radio, el botón y un

etiqueta "getElementById ()" y "QuerySelectorAll ()" métodos:

const checkbtn = documento.getElementById ('btn');
const radiobtn = documento.QuerySelectorAll ('input [name = "Week"]');
const selectedValue = documento.getElementById ("valor");

Defina una función llamada "controlar()"Eso verificará el botón de radio" "comprobadoPropiedad, obtenga sus valores y muestrelos en la página web. Da un valor booleano "verdadero"Si se marca el botón de radio y"FALSO"Si no hay nadie que se revise:

control de funcionamiento()
Deja día;
para (const radio de radiobtn)
if (radio.marcado)
día = radio.valor;
romper;


if (day)
Valor seleccionado.inntext = 'El día seleccionado es $ Day';

demás
Valor seleccionado.inntext = 'Seleccione cualquier botón de radio';

Producción

Se trata de verificar un botón de radio con JavaScript.

Conclusión

Para verificar un botón de radio con JavaScript, use el "comprobado"Propiedad del botón de radio HTML. Da y establece el valor booleano "verdadero" y "FALSO". Se utiliza tanto para configurar como para obtener el valor de los botones de radio. Este blog demostró el procedimiento para verificar un botón de radio con JavaScript.