jquery 全反选实现插件

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家，也给大家做个参考。

/*
 * selectTodo - jQuery plugin for select checkBox
 *
 * copyright (c) 2014 Elric Huang
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.PHP
 *
 * Project home:
 *   https://github.com/elrichuang/jquery.selectTodo.js
 *
 * Version:  0.1.3
 *
 */
;(function ($){
    $.fn.selectTodo = function (options){
        var settings = $.extend({},{
            "selectAllButton"    : $("#selectAll"),"selectNoneButton"   : $("#selectNone"),"selectInvertButton" : $("#selectInv"),},options);
         
        var element = this;
         
        $(settings.selectAllButton).bind("click",function(){
            element.selectAll();
        });
        $(settings.selectNoneButton).bind("click",function(){
            element.selectNone();
        });
        $(settings.selectInvertButton).bind("click",function(){
            element.selectInvert();
        });
         
        this.selectAll = function(){//全选
            element.prop('checked',true);
        };
         
        this.selectNone = function(){//全不选
            element.prop('checked',false);
        };
         
        this.selectInvert = function(){//反选
            element.each(function(){
                if(this.checked){
                    $(this).prop('checked',false);
                }else{
                    $(this).prop('checked',true);
                }
            });
        };
         
        this.result = function(){
            var checkVal=[];
            element.each(function(){
                if(this.checked){
                    checkVal.push($(this).val());
                }
            });
            if(checkVal.length > 0)
            {
                // 引用回调函数
                return checkVal.join(",");
            }else{
                return null;
            }
        };
         
        return this;
    };
})(jQuery);

以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。