selecciona un elemento botón radio en html por su id y luego comprueba si está marcado in javascript

Para seleccionar un elemento botón de radio en HTML por su ID, podemos utilizar el método getElementById() del objeto Document en JavaScript. Luego, podemos comprobar si el botón de radio está seleccionado utilizando la propiedad checked del objeto HTMLInputElement.

Aquí te muestro un ejemplo:

<input type="radio" name="option" id="option1">
<label for="option1">Opción 1</label>

<input type="radio" name="option" id="option2">
<label for="option2">Opción 2</label>
173 chars
6 lines
index.tsx
const option1 = document.getElementById("option1");
option1.addEventListener("change", () => {
  if (option1.checked) {
    console.log("La opción 1 está marcada");
  } else {
    console.log("La opción 1 está desmarcada");
  }
});

const option2 = document.getElementById("option2");
option2.addEventListener("change", () => {
  if (option2.checked) {
    console.log("La opción 2 está marcada");
  } else {
    console.log("La opción 2 está desmarcada");
  }
});
465 chars
18 lines

En este ejemplo, hemos seleccionado los dos botones de radio en el HTML por su ID utilizando getElementById(). Luego, hemos añadido un event listener change a cada botón de radio para comprobar si está seleccionado o no. Cuando el usuario hace clic en un botón de radio, se activa el event listener y se comprueba si está seleccionado utilizando la propiedad checked. Si el botón de radio está marcado, se muestra un mensaje en la consola diciendo que está marcado, y si no está marcado, se muestra un mensaje diciendo que está desmarcado.

gistlibby LogSnag