使用javascript部分显示大型表单

我有一个有趣的问题，我似乎想不出来。我有一个大表单，它使用javascript以部分的形式向用户显示/隐藏。这非常有效，但现在我需要添加对某些问题进行“循环”的功能。例如，表单中的一个问题是“你室友的性别是什么？这个问题将被问到的室友数量与用户之前在表单中所说的相同

显然，在脚本运行之前，我不知道他们有多少室友，所以我不知道如何处理循环返回的输入

我在考虑，一旦问题被循环回，动态更改输入的名称，例如，问题将显示：

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

在继续下一个问题之前，我还必须将这些值发送到脚本进行验证。有人对此有什么建议吗？

使用任何JS库（例如JQuery）动态添加HTML元素并对其进行操作

n=室友人数

roommates\u gender\u div\u id

是要添加单选按钮的

的id

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');

}

---

你的问题是什么？看起来你刚刚通过将

[0]

更改为

[1]

解决了你的问题。我不明白你的问题，你想做什么？

    $('#roommates_gender_div_id input:radio')