0
点赞
收藏
分享

微信扫一扫

Jquery实现全选全不选

hwwjian 2022-01-10 阅读 54

$(function(){
    // 1、全选 全不选功能模块
    //就是把全选按钮(checkall)的状态赋值给 三个小的按钮(j-checkbox)就可以了
    // 事件可以使用change
    $(".checkall").change(function(){
        // console.log($(this).prop("checked"));
        $(".j-checkbox, .checkall").prop("checked",$(this).prop("checked"));
    }) 
    // 2、如果小复选框被选中的个数等于3 就应该把全选按钮选上,否则全选按钮不选
    $(".j-checkbox").change(function(){
        // if(被选中的小复选框的个数 === 3){
        //     就要全部选中
        // }else{
        //     不要全部选中
        // }
        if($(".j-checkbox:checked").length === $(".j-checkbox").length){
            $(".checkall").prop("checked",true);
        }else{
            $(".checkall").prop("checked",false);
        }
    })
  
})
举报

相关推荐

0 条评论