javascript - 具有 readonly 和 multiple 的多种形式

Question

我在一个页面上有一个动态生成的表单数量，在所有字段和一个 css 类上都设置了只读。每个表单在 anchor 标记中都有自己的编辑按钮，单击该按钮时我想使用 removeClass() 和 attr('readonly', false) 来显示与该编辑按钮相关的表单。但是，如果我为 func 提供类单击处理程序，这显然会显示页面上的每个表单，这不是所需的结果。

我不需要任何代码，因为我想自己解决这个问题，但如果有人知道任何文章或特别是我应该查看/使用的东西，请开火!!!

谢谢

Answer 1

为了引用特定的表单，您需要有一些唯一的标识符。

您可以通过多种方式做到这一点。最直接的是在每个表单上都有一个id，每个点击处理程序都可以找到特定的id。

但是，假设按钮位于它们各自的表单内，可以实现更通用的解决方案，如下所示。

<form>
  <!-- your form elements -->
  <button class="edit_button">Edit this form</button>
</form>
<form>
  <!-- your form elements -->
  <button class="edit_button">Edit this form</button>
</form>
<form>
  <!-- your form elements -->
  <button class="edit_button">Edit this form</button>
</form>
<form>
  <!-- your form elements -->
  <button class="edit_button">Edit this form</button>
</form>
.
.
.

等等。

然后在您的点击处理程序中，您可以查找作为表单的点击目标(按钮)的第一个父级，并执行相应的操作。

http://api.jquery.com/parent/