ラジオボタンの「オン」の値を取得する

debugcn 投稿 Dev

タイラーハインズ

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関数の最初の2行は、現在チェックされているラジオボタンの値を決定するためのものです。問題は、ラジオボタンの値を警告すると、「オン」と表示されることです。私はこれが何を意味するのか、またはそれを修正する方法を理解しようとして最後の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]));

お役に立てれば。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]