jquery 全选多选 单选

原创
2017/07/27 12:20
阅读数 54
$(function(){

    /*单选*/
    $(".single i").click(function(){
        $(".single i").removeClass().addClass("iconfont icon-fuxuankuangA");
        $(this).removeClass().addClass("iconfont icon-fuxuankuangB");
    });


    /*多项选择*/
    checked(".difficulty-list1",".difficulty1",".difficulty-list1 i");
    checked(".difficulty-list",".difficulty",".difficulty-list i");
    function checked(aa,bb,cc){
        $(aa).click(function(){
            if($(this).html() == '<i class="iconfont icon-fuxuankuangA"></i>'){
                $(this).html('<i class="iconfont icon-fuxuankuangB"></i>');
            }else if($(this).html() == '<i class="iconfont icon-fuxuankuangB"></i>'){
                $(this).html('<i class="iconfont icon-fuxuankuangA"></i>');
            }
            var flag = true;
            $(aa).each(function(i,l){
                if( $(this).html() != '<i class="iconfont icon-fuxuankuangB"></i>'){
                    flag = false;
                    $(bb).html('<i class="iconfont icon-fuxuankuangA"></i>');
                    return false;
                }
            });
            if(flag ){
                $(bb).html('<i class="iconfont icon-fuxuankuangB"></i>');
            }

        });

        $(bb).click(function(){
            if($(this).html() == '<i class="iconfont icon-fuxuankuangA"></i>'){
                $(this).html('<i class="iconfont icon-fuxuankuangB"></i>');
                $(cc).removeClass().addClass("iconfont icon-fuxuankuangB");
            }else if($(this).html() == '<i class="iconfont icon-fuxuankuangB"></i>'){
                $(this).html('<i class="iconfont icon-fuxuankuangA"></i>');
                $(cc).removeClass().addClass("iconfont icon-fuxuankuangA");
            }
        });
    }


});
展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部