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

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() {

Answer 2

编辑：

jQuery(".myclazz input[type=submit][clicked=true]").parents("form:first") 

应该给你里面的表格（“提交”）

如果你不使用输入更改输入[type = submit] [clicked = true]到你用来提交表格的任何内容，如果它在表格标签ex中。 按钮[类型=提交]