在一个页面上具有相同内容框的多个表单

Question

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

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

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

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

Answer 1

您可以动态绑定表单元素，即复选框。不要将其包含在HTML代码中。这可以使用Jquery $ .html（）函数在运行时将复选框绑定到表单。

我猜这是因为form1重写了form2元素，因为它们的名称和复选框的ID相同。

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

希望它可以奏效。

快乐的编码！

Atul Jindal