如何用jQuery实现checkbox全选

2024-10-28 22:35:18
推荐回答(3个)
回答1:

全选:

$(":checkbox").attr("checked","checked");

全不选:

$(":checkbox").removeAttr("checked");

 

反选:

$(":checkbox:checked").removeAttr("checked");

$(":checkbox:not(:checked)").attr("checked","checked");

 

全手写,没有经过测试。

 

完整代码如下,测试通过:



    如何用jQuery实现checkbox全选
    
    
        //全选,全不选
        function allSelect() {
            if ($(":checkbox").attr("checked") != "checked") {
                $(":checkbox").attr("checked", "checked");
            }
            else {
                $(":checkbox").removeAttr("checked");
            }
        }
        //反选
        function otherSelect() {
            $(":checkbox").each(function () {
                if ($(this).attr("checked") == "checked") {
                    $(this).removeAttr("checked");
                }
                else {
                    $(this).attr("checked", "checked");
                }
            });
        }
    


    
    
    
    
    
    
    

回答2:

全选:

$(":checkbox").attr("checked","checked");

$("#selectAll").click(function(){

if($(this).attr("checked")){

$("input:checkbox").attr("checked","checked");

}else{

$("input:checkbox").removeAttr("checked");

}

});

回答3:



$(function(){
    $(':button').toggle(function(){
        $(':checkbox').attr('checked',"checked");
    },function(){
        $(':checkbox').removeAttr('checked');
    })

})

就用这个就可以了