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

【问题标题】：What is the way to select all sub elements of a form?选择表单的所有子元素的方法是什么？
【发布时间】：2014-09-10 03:04:22
【问题描述】：

我有几个表单，其中一些是动态添加到我的页面的。他们都共享同一个类，但没有唯一的 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>

【问题讨论】：

“子元素”是指所有的孩子，对吧？不是表单中的<sub> 元素？

标签： javascript jquery html forms checkbox

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

编辑：

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

应该给你on("submit")里面的表格

如果您不使用输入，请将 input[type=submit][clicked=true] 更改为您用于提交表单的任何内容（如果它位于表单标记 ex 内）。按钮[type=submit]

【讨论】：