HTML表单复选框未按我预期提交

Question

[解决方案：通过将“[]”连接到末尾来将我的名字更改为数组。另外，将我的 ID 更改为唯一值以符合 HTML 规范]

我正在创建一个表单，它有一个复选框矩阵（html 表），每行一个用户，并且用户对列的权限。每个单元格都有一个复选框。一行中的每个复选框都将“名称”设置为用户的电子邮件地址（唯一）。复选框的值是特定权限的 ID。当我单击提交按钮并检查从 HTTP POST 返回的参数时，只有最右边的复选框设置为选中多个框的行。

例如，有三个复选框，第一个和第二个选中，第三个未选中。我只取回第二个复选框的 name=id。

我正在 Rails 中构建表单，尽管我认为这并不相关。另外，出现这种行为的浏览器是 Chrome、Iceweasel 和 Epiphany...所以我认为这是我的表单。

我的表格摘录：

<tr>
                <td>UserOne</td>
                <td>one@oreo.com</td>
                <td>
                        <input checked="checked" id="one_oreo.com" name="one@oreo.com" type="checkbox" value="1" />
                </td>
                <td>
                        <input id="one_oreo.com" name="one@oreo.com" type="checkbox" value="2" />
                </td>
                <td>
                        <input id="one_oreo.com" name="one@oreo.com" type="checkbox" value="3" />
                </td>
                <td>
                        <input checked="checked" id="one_oreo.com" name="one@oreo.com" type="checkbox" value="4" />
                </td>
                <td>
                        <input id="one_oreo.com" name="one@oreo.com" type="checkbox" value="5" />
                </td>
                <td>
                        <input id="one_oreo.com" name="one@oreo.com" type="checkbox" value="6" />
                </td>
            </tr>

Answer 1

您已将所有它们的 name="" 设置为相同的值，因此当您勾选多个复选框时，它将替换原来存在的任何值。

给每个复选框一个不同的名称，例如name="one@oreo.com_check_1" 或使用 name="one@oreo.com[]" 将它们转换为数组，然后将传递给它的所有值存储在数组中，然后您可以在提交表单后处理！

Answer 2

复选框的名称必须是唯一的。我建议在名称中放置用户 ID 和权限 ID。你也应该相应地改变 Ida。 id 不影响表单提交，但在 HTML 中有多个具有相同 id 的元素是不正确的。

Answer 3

您不能将每行的名称参数命名为相同的值。复选框必须是唯一的或至少是一个数组。单选按钮是您可以使用相同名称值的地方。