一页上具有相同内容框的多个表单答案

【问题标题】：Multiple Forms with same content boxes on one page一页上具有相同内容框的多个表单
【发布时间】：2014-09-04 08:20:00
【问题描述】：

我正在寻找在一个页面上生成多个表单的解决方案，这些表单包含相同的复选框和字段。现在，当我创建这些表单时，即使我使用不同的表单名称，所有具有相同名称的复选框也会同时被选中。

我想要做的是以下。我确实有一个事件列表。每个事件都应附有表格。每个表单都有一些文本和一些复选框。但是，当我尝试检查第二个表单中的某些框时，它会跳转到第一个（因为复选框的名称相同）。

<form method="post" name="form1">
  <input type="checkbox" name="checkbox1" />
  <input type="checkbox" name="checkbox2" />
</form>
<form method="post" name="form2">
  <input type="checkbox" name="checkbox1" />
  <input type="checkbox" name="checkbox2" />
</form>

有没有办法让它工作？还是我必须使用唯一的复选框名称，即使表单名称是唯一的？当我有可变数量的表单/事件时，这会使它变得更加复杂。

【问题讨论】：

标签： html forms checkbox

【解决方案1】：

您可以动态绑定表单元素，即复选框。不要将它包含在 HTML 代码中。这可以通过 Jquery $.html() 函数在运行时将复选框绑定到表单来完成。

我猜这是因为 form1 覆盖了 form2 元素，因为复选框的名称和 id 相同。

或者尝试使用所有复选框的 4 个不同 id，以及表单名称的不同 id。

希望它可以工作。

编码愉快！

阿图尔·金达尔

【讨论】：