saber cuando cambia un radio de un grupo de radios en html in javascript

Para detectar cuando un radio de un grupo de radios cambia, podemos utilizar el evento change en JavaScript.

Primero, seleccionamos todos los radios del grupo utilizando document.querySelectorAll y luego agregamos un event listener para cada radio. Cuando se produce el evento change, ejecutamos la función correspondiente. Dentro de esta función, podemos utilizar la propiedad this.value para obtener el valor del radio que se ha cambiado.

Aquí hay un ejemplo de código:

<form>
  <input type="radio" name="myRadioGroup" value="option1"> Option 1<br>
  <input type="radio" name="myRadioGroup" value="option2"> Option 2<br>
  <input type="radio" name="myRadioGroup" value="option3"> Option 3
</form>

<script>
  const radios = document.querySelectorAll('input[name="myRadioGroup"]');
  radios.forEach(radio => {
    radio.addEventListener('change', (event) => {
      console.log(event.target.value);
    });
  });
</script>
452 chars
15 lines

En este ejemplo, estamos seleccionando todos los radios que tienen el nombre myRadioGroup y agregando un event listener para cada uno. Cuando se produce el evento change, estamos imprimiendo el valor del radio seleccionado en la consola.

Espero que esto te ayude.