Question

用jquery怎么实现全选/全不选

Answer 1

<div> 
    <input id="CheckAll" type="checkbox" />全选 
    <input name="subBox" type="checkbox" />1 
    <input name="subBox" type="checkbox" />2 
    <input name="subBox" type="checkbox" />3 
    <input name="subBox" type="checkbox" />4 
</div>

jq：

 
$(function() { 
    $("#CheckAll").click(function() { 
        var flag = $(this).attr("checked"); 
        $("[name=subBox]:checkbox").each(function() { 
            $(this).attr("checked", flag); 
        }) ;
    }) ;
}) ;

原理就是利用后面的checkbox的checked的值和前面的全选这个复选框是否选中的值一致，来实现全选和全不选