從形式創建JSON

Question

這裏是我的形式：http://jsfiddle.net/sxGtM/4743/ ...當您提交這份表格，我需要這樣的

data = { 
     'voted_questions': [question.pk, question.pk, question.pk, question.pk], 
     'answers': [ 
     { 
     'question': question.pk, 
     'option': option.pk, 
     }, 
     { 
     'question': question.pk, 
     'option': option.pk, 
     }, 
     ] 
    } 

question.pk和option.pk創建JSON是其識別每個問題和選項編號（它是ID）。你能幫助我如何創建這個JSON？

Answer 1

我不是100％確定爲什麼你想要一個回答問題列表，當你也有一個答案列表（其中包括問題ID）。這就是你所要求的，所以你要走了。

HTML

<h2>Form</h2> 
<form action="" method="post"> 
Which city is in Great Britain?<br/> 
<input type="hidden" name="first" value="1"/> 
London:<input type="radio" name="first" data-questionid="1" value="11"/><br/> 
New York:<input type="radio" name="first" data-questionid="1" value="12"/><br/> 
Which city is in USA?<br/> 
<input type="hidden" name="second" value="2"/> 
Washington:<input type="radio" name="second" data-questionid="2" value="13"/><br/> 
Tokio:<input type="radio" name="second" data-questionid="2" value="14"/><br/> 
<p><input type="submit" /></p> 
</form> 
<h2>JSON</h2> 
<pre id="result"> 
</pre> 

的Javascript

$(function() { 
    $('form').submit(function() { 
     var voted_questions = []; 
     var answers = []; 

     $('input[type="radio"]:checked').each(function(){ 
      voted_questions.push($(this).data('questionid')); 
      answers.push({'question':$(this).data('questionid'), 'options':this.value}); 
     }); 

     var data = { 
      'voted_questions': voted_questions, 
      'answers': answers 
     }; 

     $('#result').text(JSON.stringify(data)); 
     return false; 
    }); 


}); 

jsfiddle

的[形式序列的JavaScript（沒有框架）]