将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" />

根据HTML5规范，您可以指定任何数据属性名称，只要其前缀为data-。

在jQuery中，可以使用.data()函数检索这些函数，例如：

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

我想这可以工作，只要你不介意用户可以检查DOM并看到正确的答案。