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中。按钮[类型=提交]

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

2 个答案: