div下方的所有复选框都不在div的内部

Question

我有id=”content”

的div

div可能包含很多

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

Div可能包含ul标记。此ul也可能包含复选框。 div可能包含div或ul，也可能包含复选框。

我是否有可能获得div中所有选中复选框的值（不一定在div内）？

Answer 1

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

通过这种方式，您页面上所有选中的复选框都将在屏幕上显示“提醒”。

请参阅jQuery Selectors doc

Answer 2

var selectedItems = new Array();

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

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很棒！