Bien, estoy practicando mi JS y HTML, mi código actual se ve así:
document.querySelector('input[name="answer"]:checked').checked = false; let Select = document.querySelector('input[name="answer"]'); Select.addEventListener('change', function(event) { alert(event.target.value) }) <div> <label><input type="radio" name="answer" value="1" checked="checked">1</label> <label><input type="radio" name="answer" value="2">2</label> </div>Mi objetivo es cancelar el "marcado" de la primera radio, luego agregar un evento que mostrará el valor de cada radio cada vez que lo elija/"marque", pero como puede notar, hasta ahora la alerta solo aparecerá si elijo el primero radio. Entonces, si puedo preguntar, ¿dónde hice mal y cómo puedo solucionarlo?
pd Por el bien de la práctica, el HTML tiene que permanecer igual. Sin agregar Id u otro selector.
document.querySelector('input[name="answer"]:checked').checked = false; let radDiv = document.getElementById('radioDiv'); radDiv.addEventListener('change', function(event) { const tgt = event.target; if (tgt.matches("[type=radio][name=answer]")) { // check we have the right elements alert(tgt.value) } }) <div id="radioDiv"> <label><input type="radio" name="answer" value="1" checked="checked">1</label> <label><input type="radio" name="answer" value="2">2</label> </div> document.querySelector('input[name="answer"]:checked').checked = false; let Select = document.querySelectorAll('input[name="answer"]'); Select.forEach(el => el.addEventListener('change',function (event) { Select.forEach(e => alert(e.value)); })) <div> <label><input type="radio" name="answer" value="1" checked="checked">1</label> <label><input type="radio" name="answer" value="2">2</label> </div>let Select = document.querySelectorAll('input[name="answer"]'); Select.forEach(function(elem) { elem.addEventListener("change", function(event) { alert(event.target.value) }); }); Use arriba para el selector de elementos en lugar de querySelector que devuelve un solo objeto (primera coincidencia) querySelectorAll devuelve una matriz de elementos.