div下方的所有複選框都不在div的內部

Question

我有div與id=」content」

div可能包含很多

<input id="chkboxtag1" type="checkbox" value="1"/> 

Div可能包含ul標籤。此ul還可能包含複選框。 div可能包含div或ul，也可能包含複選框。

我有沒有機會獲得div中所有選中複選框的值（不一定在div內）？

Answer 1

var selectedItems = new Array(); 

$('#content input:checkbox:checked').each(function() { 
     selectedItems.push($(this).val()); 
    }); 

Answer 2

$('input[type="checkbox"]:checked').each(function(){ 
    alert($(this).val()) 
}) 

通過這種方式，所有檢查屏幕上，你網頁上的複選框會被「驚動」。

見jQuery Selectors doc

Answer 3

使用以下：

var values = []; 
$('#content input[type="checkbox"]:checked').each(function() { 
    values.push($(this).val()); 
}); 

Answer 4

您可以使用.map()此：

var arrayOfValues = $('#content input:checkbox:checked').map(function() { 
         return this.value; 
        }).get(); 

這得到了值的數組中選中的複選框在<div id="content">下，可以將其用作數組或.join(', ')得到一個字符串......無論你真的想要什麼。

Answer 5

以上都是答案 我以爲只是直接的孩子被合併了 但是jquery很棒！