javascriptを使用して部品に大きなフォームを表示

Question

私にはわからない面白い問題があります。私は、javascriptを使って部分的にユーザーに表示/非表示にする大きなフォームを持っています。これは素晴らしいですが、今では特定の質問を「ループ」する機能を追加する必要があります。例えば、あなたのルームメートの性別は何ですか？この質問には、ユーザーが以前にフォームに書いたと言った数のルームメートが尋ねられます。

明らかに私は何人スクリプトが実行されるまで、彼らが持っているので、私がループバックされている入力を処理する方法がわからないルームメイト。

私は質問がループバックされると、動的に入力名の変更を考えていた、eg.the質問表示されるでしょう：

最初のパス上の

<input type="radio" value="male" name="gender[0]" /> 
<input type="radio" value="female" name="gender[0]" /> 

、この質問が再び表示されますときに、ラジオは次のようになります。

<input type="radio" value="male" name="gender[1]" /> 
<input type="radio" value="female" name="gender[1]" /> 

また、次の質問に進む前に、これらの値を検証用のスクリプトに送信する必要があります。誰にもこれに関するアドバイスはありますか？

Answer 1

HTML要素を動的に追加して操作するには、任意のJSライブラリ（例：JQuery）を使用します。

n = number of "roommates"

roommates_gender_div_id

を使用すると、すべてのラジオボタンを取得し、 validation機能に送信する

for(var i=0; i < n; i++){ 
    $('<input type="radio" value="male" name="gender['+i+']" />').appendTo('#roommates_gender_div_id'); 

    $('<input type="radio" value="female" name="gender['+i+']" />').appendTo('#roommates_gender_div_id'); 

} 

が次にあなたが任意のjQueryのセレクタを使用することができますラジオ・ボタンを追加したい<div>のIDです。セレクタの
例：

$('#roommates_gender_div_id input:radio')