如何在Javascript中选中单选按钮是否被选中，如果单选按钮是通过Javascript而不是HTML声明的

Question

function buildQuiz(currentIndex) {
  if (currentIndex === 0) {
    quiz.forEach((item, index) => {
      outputAnswers = [];
      for (option in item.option) {
        outputAnswers.push(
          `<label> <input type="radio" name="question${index}" value="${option}">
                                        ${item.option[option]} </label><br>`
        );
      }
      // add this question and its answers to the output
      output.push(
        `<div class="slide${index}">
           <div class="question"> ${item.question} </div>
           <div class="answers"> ${outputAnswers.join("")} </div>
         </div>`
      );
    });
  }

我

正在 JavaScript 中创建测验应用程序，我通过循环逐个添加了"div"，单个"div"还包含一个问题及其带有单选按钮的选项。我正在努力阅读实际检查哪个单选按钮的单选按钮？

Answer 1

您可以将类分配给单选按钮并注册单击/更改处理程序：

document.querySelectorAll(".your-class")
  .addEventListener("click", function(e) {
    // `e.target` will point to the radio button clicked
  });

现在，您可以获取单击的单选按钮，然后观察其name属性以准确识别它。

Answer 2

你可以这样使用：

if(your_radio.checked){
  // Do something
}
else if(!your_radio.checked){
  // Do something
}