在页面中迭代并通过jquery找到所有选中的复选框

Question

假设我的页面中有很多复选框，我需要迭代所有复选框并检查是否已选中。

我的HTML

<div>
<input type="checkbox" id="JqueryIdList1" value="1"  />
<input type="checkbox" id="JqueryIdList2" value="2" />
<input type="checkbox" id="JqueryIdList3" value="3" />
<input type="checkbox" id="JqueryIdList4" value="4" />

我有一个代码，但这不能解决我的目的。所以请告诉我如何通过jquery实现它。

Answer 1

• :checkbox selector返回页面上的所有复选框
• :checked selector仅返回选中的元素
如果当前元素与选择器匹配，则
• is method返回true，否则返回false

所有在一起：

$(':checkbox').each(function(){
    if ($(this).is(':checked')) {
        //do something if checkbox is checked
    } else {
        //do something if checkbox is not checked
    };
});

Answer 2

var sList = "";
$('input[type=checkbox]').each(function () {
    sList += "(" + $(this).val() + "-" + (this.checked ? "checked" : "not checked") + ")";
});
console.log (sList);

Answer 3

  // First way 
    $('#checkBox').attr('checked'); 
    // Second way 
    $('#edit-checkbox-id').is(':checked'); 
    // Third way for jQuery 1.2
    $("input[@type=checkbox][@checked]").each( 
        function() { 
           // Insert code here 
        } 
    );
    // Third way == UPDATE jQuery 1.3
    $("input[type=checkbox][checked]").each( 
        function() { 
           // Insert code here 
        } 
    );