將JSON數據添加到單選按鈕

Question

我有一個存儲數據的JSON對象。

var quiz= {question: [
    {Question: "Question 1?", 
        answers: [
            {answer: "Answer 1", correct_answer: 0},
            {answer: "Answer 2", correct_answer: 1},
            {answer: "Answer 3", correct_answer: 0}
    ]}
]};

我想要單選按鈕。 我也希望它是動態的，因為我可能會添加另一個問題。 這樣做的方式是什么？ 我是javascript / jquery的新用戶，因此我仍在學習其工作原理。 謝謝您幫忙。

Answer 1

您可以使用如下數據字段：

<input type="radio" name="somename" id="someid" value="somevalue" data-correct-answer="true" />

您可以指定任何數據屬性名稱，只要它帶有data-前綴即可（根據HTML5規范）。

在jQuery中，然后可以使用.data()函數來檢索它們，例如：

var isCorrect = $('#someid').data('correct-answer');

只要您不介意用戶可以檢查DOM並查看正確的答案，我就認為這可能有效。