Voy a poner en mi sitio web un simple botón de radio. Su función es solo tener valor 'on' si está marcado o 'off' si no está marcado.

inicio.html

 <input type="radio" id="radio1" class='radio-button' value="off"> <label >Radio1</label> <br> <input type="radio" id="radio2" class='radio-button' value="off"> <label >Radio2</label>

Escribí un ciclo en mi código de archivo js para iterar a través de las entradas y mi objetivo es cambiar el valor a 'on' si está marcado.

myJs.js

 const radioButtons = document.getElementsByClassName('radio-button') for (let radio of radioButtons){if (radio.checked){ radio.value='on'}

Pero no funciona. El valor permanece 'off' incluso si se marca el botón de radio. ¿Alguna idea de qué estoy haciendo mal?