個々のグループにラジオボタンを関連付ける

Question

私はテーブルに複数の行を持っています。各行には2つのラジオボタンがあり、これらのラジオボタンは互いに関連付けられている必要がありますが、他の行のラジオボタンには関連付けられていません。提出されたとき、私の希望は、pk1、pk2、およびoptionsの3要素配列を与えたいということです。すべてのoptionsラジオボタンが関連付けられているので、次のコードは機能しません。したがって、1つのコードしか選択できません。ラジオボタンを行単位でのみ関連付ける方法を教えてください。

<table> 
    <tr> 
     <td>1<input type="hidden" name="pk1[]" value="1"></td> 
     <td>1<input type="hidden" name="pk2[]" value="1"></td> 
     <td>1<input type="hidden" name="pk3[]" value="1"></td> 
     <td>option1 <input type="radio" name="option[]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[]" value="no"></td> 
    </tr> 
    <tr> 
     <td>5<input type="hidden" name="pk1[]" value="5"></td> 
     <td>3<input type="hidden" name="pk2[]" value="3"></td> 
     <td>1<input type="hidden" name="pk3[]" value="1"></td> 
     <td>option1 <input type="radio" name="option[]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[]" value="no"></td> 
    </tr> 
    <tr> 
     <td>1<input type="hidden" name="pk1[]" value="1"></td> 
     <td>1<input type="hidden" name="pk2[]" value="1"></td> 
     <td>2<input type="hidden" name="pk3[]" value="2"></td> 
     <td>option1 <input type="radio" name="option[]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[]" value="no"></td> 
    </tr> 
</table> 

Answer 1

ボタン名に明示的なインデックスを追加します。

<table> 
    <tr> 
     <td>1<input type="hidden" name="pk1[]" value="1"></td> 
     <td>1<input type="hidden" name="pk2[]" value="1"></td> 
     <td>1<input type="hidden" name="pk3[]" value="1"></td> 
     <td>option1 <input type="radio" name="option[0]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[0]" value="no"></td> 
    </tr> 
    <tr> 
     <td>5<input type="hidden" name="pk1[]" value="5"></td> 
     <td>3<input type="hidden" name="pk2[]" value="3"></td> 
     <td>1<input type="hidden" name="pk3[]" value="1"></td> 
     <td>option1 <input type="radio" name="option[1]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[1]" value="no"></td> 
    </tr> 
    <tr> 
     <td>1<input type="hidden" name="pk1[]" value="1"></td> 
     <td>1<input type="hidden" name="pk2[]" value="1"></td> 
     <td>2<input type="hidden" name="pk3[]" value="2"></td> 
     <td>option1 <input type="radio" name="option[2]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[2]" value="no"></td> 
    </tr> 
</table> 

一貫性を保つために、同じインデックスを自動的に取得しますが、隠れた入力にも追加することをお勧めします。