jquery实现复选框checkbox全选，取消全选

jsp中checkbox复选框的个数是依据从数据库中取出值的条数决定的，是Iterator循环遍历出来的。

<td class="rd8">  
    <input type="checkbox" name="selectFlag" id="selectFlag" value="<%=user.getUser_id()%>">  
</td>

第一种方法：

//全选   
$("#checkAll").click(function() {  
    if (this.checked) {  
        $("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox  
            $(this).attr("checked", true); 
            $(this).prop("checked",true);     //要写这个，否则全选用不了
        })  
    }   
})  
//取消全选   
$("#delCheckAll").click(function() {  
    if (this.checked) {  
        $("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox  
            $(this).attr("checked", false);  
            $(this).prop("checked",false);    //要写这个，否则全选用不了
        })  
    }   
})

更简单直接的一种：

$("#checkAll").click(function() {  
    if (this.checked) {  
        $("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox  
            $(this).attr("checked", true);  
                        $(this).prop("checked",true);     //要写这个，否则全选用不了
            })  
        } else {   //反之 取消全选   
        $("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox  
            $(this).attr("checked", false); 
            $(this).prop("checked",false);     //要写这个，否则全选用不了 
            //alert("f");  
        })  
    }  
})