将单选按钮关联到各个组

Posted 2023-05-09

【中文标题】将单选按钮关联到各个组

【英文标题】：Associating radio buttons to individual groups

【发布时间】：2017-10-08 05:26:32

【问题描述】：

我在一个表中有几行。每行有两个单选按钮，它们应该只相互关联，但不与其他行中的单选按钮关联。提交后，我希望在下面为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>

【问题讨论】：

相应地更改名称，如option[1]

【参考方案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>

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

【讨论】：

谢谢 Barmar，我担心这个索引会搞砸。