天天看点

checkbox 全选、全不选、反选 插件

jquery.checkbox.js:

1 ;(function($,window,document,undefined){
 2     $.fn.check=function(mode){
 3         mode= mode || "on";
 4         return this.each(function(){
 5             switch(mode){
 6                 case "on":
 7                     this.checked=true;
 8                     break;
 9                 case "off":
10                     this.checked=false;
11                     break;
12                 case "toggle":
13                     this.checked=!this.checked;
14                     break;
15             }
16         });
17     };
18 })(jQuery,window,document);      

使用方法:

$('input:checkbox').check('toggle');
           

几个要点:

1、匿名函数自调用执行,避免变量污染。

2、传递系统变量,避免系统变量冲突。

3、在插件里加上return,支持链式调用。

4、匿名函数前加分号,避免前面代码结尾处忘记加分号,导致自己的代码解析失败。

转载于:https://www.cnblogs.com/yanyd/p/4180307.html

继续阅读