Próbuję oddzielić kilka sekcji, które wszystkie mają ten sam atrybut nazwy dla każdego wejścia.
<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" />
Te sekcje div można dodawać, duplikować inawet posortowane (sortowalne jQuery). Nie mam żadnych kluczy identyfikacyjnych dla tych sekcji, są one wszystkie zamaskowane w tablicy i kiedy są ponownie wyświetlane, po prostu łamam tablicę i umieszczam każdą wartość w każdej sekcji.
Odpowiedzi:
1 dla odpowiedzi № 1Musisz nadać każdemu zestawowi przycisków opcji unikalny name
, LUB umieść każdy zestaw przycisków radiowych w swoim własnym <form>
element.
Każda z nich powinna rozwiązać Twój problem. To, którego używasz, naprawdę zależy od tego, w jaki sposób radzisz sobie z danymi po stronie serwera:
Wyjątkowy form
elementy:
<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>
Unikalne nazwy:
<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 dla odpowiedzi nr 2
Możesz używać tablic zagnieżdżonych
<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>
... i tak dalej.