javascript - 获取单选按钮的 "on"值

Question

var allQuestions = [{
  question1: "What is 1 + 1?",
  choices: ["1", "2", "3", 4],
  correctAnswer: ["2"]
}, {
  question2: "What is 2 + 2?",
  choices: ["6", "2", "3", 4, ],
  correctAnswer: ["4"]
}, {
  question3: "What is 3 + 3?",
  choices: ["3", "6", "9", 12],
  correctAnswer: ["6"]
}];

var newArray = shuffleArray(allQuestions);

function shuffleArray(array) {
  for (var i = array.length - 1; i > 0; i--) {
    var j = Math.floor(Math.random() * (i + 1));
    var temp = array[i];
    array[i] = array[j];
    array[j] = temp;
  }
  return array;
}

function appendQuestions(number) {
  if (newArray == "undefined" || newArray == "null" || newArray.length == 0) {
    document.getElementById("questionForm").innerHTML = "Complete!";
  } else {
    for (i = 0; i < 4; i++) {
      $("#questionForm").append("<input name='question' type='radio'>" +
        JSON.stringify(newArray[0].choices[i]) + "</input>")
    }
  }
}

$(function() {
  $("#questionList").empty();
  appendQuestions();
  newArray.shift();
})

function isCorrectAnswer() {
  checkedVal = $("input[type=radio][name=question]:checked").val();
  if (checkedVal == newArray[0].correctAnswer) {
    alert("Correct!");
  } else {
    alert("Wrong!");
  }
  alert(checkedVal);
}

$("#submitButton").click(function() {
  isCorrectAnswer();
  $("#questionForm").empty();
  appendQuestions();
  newArray.shift();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='container'>
  <section id='questions'>
    <form id="questionForm">
    </form>
    <div style='clear:both'></div>
    <input id='submitButton' type='button' value='Submit'>
  </section>
</div>

首先，对于粘贴的代码量感到抱歉。我不知道我是否遗漏了一些小错误，或者我是否只是编写了错误的代码，所以我认为最好将所有错误都发布出来。

我正在尝试获取单选按钮的值。在 isCorrectAnswer 函数中，前两行用于确定当前选中的单选按钮的值。问题是当我提醒单选按钮的值时，它只是说“开”。我搜索了最后一个小时，试图弄清楚这意味着什么或如何修复它，但找不到任何东西。

如果这是一个愚蠢的问题或者已经有人回答了，我深表歉意。

Answer 1

你必须改变这一行:

$("#questionForm").append("<input name='question' type='radio'>" +
         JSON.stringify(newArray[0].choices[i]) + "</input>");

收件人:

$("#questionForm").append("<input name='question' type='radio' value='" +
        JSON.stringify(newArray[0].correctAnswer[i]) + "' />"+JSON.stringify(newArray[0].choices[i]));

希望这对您有所帮助。