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、匿名函数前加分号，避免前面代码结尾处忘记加分号，导致自己的代码解析失败。

posted @ 2014-12-23 15:53  Yanyd  阅读(202)  评论(0)  编辑  收藏  举报