首页 前端知识 NET餐厅管理系统前端js-dwz.checkbox

NET餐厅管理系统前端js-dwz.checkbox

2024-05-28 09:05:08 前端知识 前端哥 706 321 我要收藏

(function($){
    $.fn.extend({
        
        checkboxCtrl: function(parent){
            return this.each(function(){
                var $trigger = $(this);
                $trigger.click(function(){
                    var group = $trigger.attr("group");
                    if ($trigger.is(":checkbox")) {
                        var type = $trigger.is(":checked") ? "all" : "none";
                        if (group) $.checkbox.select(group, type, parent);
                    } else {
                        if (group) $.checkbox.select(group, $trigger.attr("selectType") || "all", parent);
                    }
                    
                });
            });
        }
    });
    
    $.checkbox = {
        selectAll: function(_name, _parent){
            this.select(_name, "all", _parent);
        },
        unSelectAll: function(_name, _parent){
            this.select(_name, "none", _parent);
        },
        selectInvert: function(_name, _parent){
            this.select(_name, "invert", _parent);
        },
        select: function(_name, _type, _parent){
            $parent = $(_parent || document);
            $checkboxLi = $parent.find(":checkbox[name='"+_name+"']");
            switch(_type){
                case "invert":
                    $checkboxLi.each(function(){
                        $checkbox = $(this);
                        $checkbox.attr('checked', !$checkbox.is(":checked"));
                    });
                    break;
                case "none":
                    $checkboxLi.attr('checked', false);
                    break;
                default:
                    $checkboxLi.attr('checked', true);
                    break;
            }
        }
    };
})(jQuery);

(function($){
    $.fn.extend({
        
        checkboxCtrl: function(parent){
            return this.each(function(){
                var $trigger = $(this);
                $trigger.click(function(){
                    var group = $trigger.attr("group");
                    if ($trigger.is(":checkbox")) {
                        var type = $trigger.is(":checked") ? "all" : "none";
                        if (group) $.checkbox.select(group, type, parent);
                    } else {
                        if (group) $.checkbox.select(group, $trigger.attr("selectType") || "all", parent);
                    }
                    
                });
            });
        }
    });
    
    $.checkbox = {
        selectAll: function(_name, _parent){
            this.select(_name, "all", _parent);
        },
        unSelectAll: function(_name, _parent){
            this.select(_name, "none", _parent);
        },
        selectInvert: function(_name, _parent){
            this.select(_name, "invert", _parent);
        },
        select: function(_name, _type, _parent){
            $parent = $(_parent || document);
            $checkboxLi = $parent.find(":checkbox[name='"+_name+"']");
            switch(_type){
                case "invert":
                    $checkboxLi.each(function(){
                        $checkbox = $(this);
                        $checkbox.attr('checked', !$checkbox.is(":checked"));
                    });
                    break;
                case "none":
                    $checkboxLi.attr('checked', false);
                    break;
                default:
                    $checkboxLi.attr('checked', true);
                    break;
            }
        }
    };
})(jQuery);

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9850.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!