我试图将每个输入都具有相同名称属性的几个部分分开。
<div class="section">
<h4>Radio-option</h4>
<input type="radio" name="radio_array[]" value="yes" />Yes
<input type="radio" name="radio_array[]" value="no" />no
</div>
<div class="section">
<h4>Radio-option</h4>
<input type="radio" name="radio_array[]" value="yes" />Yes
<input type="radio" name="radio_array[]" value="no" />no
</div>
<input type="button" onclick="functionToAddAnotherSection()" value="Add Section" />
可以添加,复制甚至排序这些div部分(jQuery可排序)。我没有这些部分的任何ID密钥,它们全部被捣碎成阵列,当它们再次显示时,我只是打破了数组并将每个值放在每个部分中。
答案 0 :(得分:1)
您需要为每组单选按钮指定一个唯一的name
,或者将每组单选按钮放入其自己的<form>
元素中。
这些都可以解决您的问题。您使用哪一个取决于您在服务器端处理数据的方式:
独特的form
元素:
<div class="section">
<form>
<h4>Radio-option</h4>
<input type="radio" name="radio_array[]" value="yes" />Yes
<input type="radio" name="radio_array[]" value="no" />no
</form>
</div>
<div class="section">
<h4>Radio-option</h4>
<form>
<h4>Radio-option</h4>
<input type="radio" name="radio_array[]" value="yes" />Yes
<input type="radio" name="radio_array[]" value="no" />no
</form>
</div>
唯一名称:
<div class="section">
<form>
<h4>Radio-option</h4>
<input type="radio" name="radio_array_section1[]" value="yes" />Yes
<input type="radio" name="radio_array_section1[]" value="no" />no
</form>
</div>
<div class="section">
<h4>Radio-option</h4>
<input type="radio" name="radio_array_section2[]" value="yes" />Yes
<input type="radio" name="radio_array_section2[]" value="no" />no
</div>
答案 1 :(得分:1)
您可以使用嵌套数组
<form>
<div class="section">
<h4>Radio-option</h4>
<input type="radio" name="radio_array[0][]" value="yes" />Yes
<input type="radio" name="radio_array[0][]" value="no" />no
</div>
<div class="section">
<h4>Radio-option</h4>
<input type="radio" name="radio_array[1][]" value="yes" />Yes
<input type="radio" name="radio_array[1][]" value="no" />no
</div>
...
<input type="radio" name="radio_array[2][]" value="yes" />Yes
<input type="radio" name="radio_array[2][]" value="no" />no
...
</form>
......等等。