2014-07-18 46 views
3

我有几种形式,其中一些被动态添加到我的页面。他们都分享同一个班级,但没有唯一的ID。对于每个表单,当用户点击提交按钮时,我需要遍历相应表单的复选框并执行一些逻辑。我正在使用jQuery v2.1.1。目前,我选择了所有表单的所有复选框。什么是选择表单的所有子元素的方式?

这是我的JavaScript代码使用jQuery。

$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> 
+1

而“子元素”是指所有的孩子,对吗?不是形式中的''元素? –

回答

4

添加的this一个实例你选择让这种形式的儿童:

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

编辑:

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

应该给你里面的(“提交”)

形式,如果你不使用的输入改变输入[类型=提交] [点击=真],无论你使用提交表单,如果它的形式标记内恩。按钮[type = submit]

相关问题