Невозможно получить значение переключателей

Question

Я не могу получить значения второго и третьего переключателей.мой код просто дает мне первое значение переключателя, когда я выбираю это.

это мои переключатели и функция, с помощью которой я хочу сохранить значение переключателя.

<input type="radio" id="choiced" name="Q0_choice" value="one">
<input type="radio" id="choiced" name="Q0_choice" value="2">
<input type="radio" id="choiced" name="Q0_choice" value="iii">



next.onclick = function () {
    if (document.getElementById('choiced').checked) {
        ans = document.getElementById('choiced').value;
    }
}

Answer 1

Попробуйте

document.querySelector('#choiced:checked')

Радиокнопка возврата этого запроса.

Answer 2

У вас не должно быть одинакового идентификатора для этих входов:

<input type="radio" id="choiced" name="Q0_choice" value="one">
<input type="radio" id="choiced2" name="Q0_choice" value="2">
<input type="radio" id="choiced3" name="Q0_choice" value="iii">

Затем, чтобы получить выбранное, вы должны получить его по свойству name. Вы можете выполнить цикл, чтобы проверить, какой из них выбран.

next.onclick = function () {
    const radios = document.getElementsByName('Q0_choice');
    radios.forEach((radio) => {
        if (radio.checked){
          console.log(radio.value);
        }
    })
}

Answer 3

Это потому, что значения идентификаторов должны быть уникальными - поэтому он захватывает первый элемент на найденной странице с идентификатором choiced. Вам нужно присвоить каждому уникальный идентификатор, и вы можете использовать атрибут name для группировки переключателя. Смотри https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio