2014-07-18 47 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]

相關問題