2014-03-30 40 views
0

我有一個存儲數據的JSON對象。將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,所以我仍然在學習如何工作。感謝您的幫助。

+0

你想隨機給出問題嗎?還是答案? – Idris

+0

答案。我已經有了問題要堅持一個h2標籤。 '的document.getElementById( 「標題」)的innerText = currentQuestion.Question;'。但我不能想出如何做到這一點與答案 – Emil

+0

是不是壞主意傳遞correct_answer標誌到客戶端? –

回答

0

你可以使用一個數據字段是這樣的:

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

您可以指定,只要它與data-前綴按照HTML5規範的任何數據屬性的名稱。

在jQuery中,這些然後可以使用該功能.data(),如檢索:

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

我想只要你不介意的話,用戶可以檢查DOM,看看這可能是工作的正確的答案。

相關問題