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");  
        })  
    }  
})