javascript - 选择一个表单的所有子元素的方法是什么？

Question

我有几种形式，其中一些是动态添加到我的页面的。他们都共享同一个类，但没有唯一的 id。对于每个表单，当用户点击提交按钮时，我需要遍历相应表单的复选框并执行一些逻辑。我正在使用 jquery v2.1.1。目前，我选择了所有表单的所有复选框。

这是我使用 jquery 的 javascript 代码。

$document.on("submit","form.myclazz", function() {
 $("input[type=checkbox]").each(function() {
  console.log(this.name + " " + $(this).is(":checked"));
 });
});

同样，我只想选中已提交表单的复选框。我还尝试了以下选择器语法，但没有用。

$("> input[type=checkbox]").each(function() { ... });

表单附加到 div 中，html 如下所示:

<div id="myforms">
 <form class="myclazz"> ... <input type="checkbox" name="x">X ... <input type="submit"> </form>
 <form class="myclazz"> ... <input type="checkbox" name="y">Y ... <input type="submit"> </form>
</div>

Answer 1

将 this 的实例添加到您的选择器以获取该表单的子项:

$("input[type=checkbox]", this).each(function() {