迭代在頁面中，並找到所有選中複選框由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

• :checkboxselector回報頁面上的所有複選框
• :checkedselector只返回選中的元素
• ismethod返回true，如果當前元素否則

結合在一起的選擇，錯誤的匹配：

$(':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 
     } 
    );