Приветствую.
Стоит задача: показать выбранное значение radio. Работает только при выборе первого переключателя. В остальных случаях показывает, что переключатель не выбран. Помогите, плиз, понять где ошибка.
<form id="test-form">
<ul>
<li><input type="radio" name="radio-button" value="one"></li>
<li><input type="radio" name="radio-button" value="two"></li>
<li><input type="radio" name="radio-button" value="three"></li>
</ul>
<input type="submit" value="Обработать">
</form>
<script>
const form = document.querySelector('#test-form');
form.addEventListener('submit', function (event) {
const testValue = (this.querySelector('[name="radio-button"]').checked) ? this.querySelector('[name="radio-button"]').value : 0;
alert (testValue);
});
</script>