js 自定义控件启用禁用按钮状态

最新推荐文章于 2024-06-20 10:18:03 发布

编码行者

最新推荐文章于 2024-06-20 10:18:03 发布

阅读量1.4k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/mbh12333/article/details/85788135

版权

javascript 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

(function($){
    function setDisabled(target, disabled){
        var state = $.data(target, 'e7button');
        state.options = state.options || {};
        if (disabled){
            state.options.disabled = true;
            var href = $(target).attr('href');
            if (href){
                state.href = href;
                $(target).attr('href', 'javascript:void(0)');
            }
            if (target.onclick){
                state.onclick = target.onclick;
                target.onclick = null;
            }
            $(target).css({'opacity':'0.5','cursor':'default'});
        } else {
            state.options.disabled = false;
            if (state.href) {
                $(target).attr('href', state.href);
            }
            if (state.onclick) {
                target.onclick = state.onclick;
            }
            $(target).css({'opacity':'1','cursor':'pointer'});
        }
        $.data(target, 'e7button',state);
    }

    $.fn.e7button = function(options){
        if (typeof options == 'string'){
            return $.fn.e7button.methods[options](this);
        }
    };

    $.fn.e7button.methods = {
        enable: function(jq){
            return jq.each(function(){
                setDisabled(this, false);
            });
        },
        disable: function(jq){
            return jq.each(function(){
                setDisabled(this, true);
            });
        }
    };
})(jQuery);