Eu estou tentando separar algumas seções que todos têm o mesmo atributo de nome para cada entrada.
<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" />
Essas seções div podem ser adicionadas, duplicadas emesmo classificado (jQuery ordenável). Eu não tenho nenhuma chave de ID para essas seções, elas são todas trituradas em uma matriz e quando elas estão sendo exibidas novamente, eu simplesmente quebro a matriz e coloco cada valor em cada seção.
Respostas:
1 para resposta № 1Você precisa dar a cada conjunto de botões de rádio um name
, OU coloque cada conjunto de botões de rádio em seus próprios <form>
elemento.
Qualquer um desses deve resolver seu problema. Qual deles você usa realmente depende de como você está lidando com os dados no lado do servidor:
Único form
elementos:
<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>
Nomes exclusivos:
<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 para resposta № 2
Você pode usar matrizes aninhadas
<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>
... e assim por diante.