将单选按钮关联到各个组

Question

我在一个表格中有几行。 每行有两个单选按钮，它们应仅相互关联，而不与其他行中的单选按钮关联。 提交时，我的愿望是给下面一个三元素数组，分别是pk1、pk2和options。 以下内容不起作用，因为所有options单选按钮都已关联，因此只能选择一个，而不是按照我的意愿每行选择一个。 如何使单选按钮仅按每行关联。

<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>

为了保持一致性，您可能还希望将它们添加到隐藏的输入中，尽管它们会自动获得相同的索引。