基于jQuery的简单全选插件

/* 功能：表格全选
* 制作：Vilien
* 日期：2013.7.13
*
* @usage $(checkbox).checkall(selector)
*
* @param checkbox
* > 触发全选的checkbox，必须，类型为jQuery选择器
*
* @param selector
* > 触发全选后需要选择的checkbox列表，可省略（谨慎），缺省为页面内所有checkbox
* > 也可仅仅选择checkbox容器，程序将自动搜寻容器下的所有checkbox
*
* @eg
* > 1). selector仅选择checkbox容器
* > HTML:
* >   <div class="boxs"><input type="checkbox" /><input type="checkbox" /></div>
* >   <input type="checkbox" onclick="$(this).checkall('.boxs')" />
*
* > 2). selector选择checkbox列表
* > HTML:
* >   <div class="boxs"><input name="ch" type="checkbox" /><input name="ch" type="checkbox" /></div>
* >   <input type="checkbox" onclick="$(this).checkall(':checkbox[name=ch]')" />
*/

;(function($){$.fn.extend({
checkall: function(selector)
{
var _self = this,
args = arguments;
if (!_self.is(":checkbox")) return true; // 检查有效性
if (event && event.type=="click") {
run();
} else {
_self.on("click", run);
}
return _self;
function run() {
if (args.length<1) {
checked($(":checkbox").not(_self));
} else {
$(selector).each(function(){
if (!$(this).is(":checkbox")) {
checked($(this).find(":checkbox").not(_self));
} else {
checked($(this));
}
});
}
}
function checked(boxs) {
boxs.prop("checked", _self.prop("checked"))
.off("change").on("change", function(){
!$(this).prop("checked") ? _self.prop("checked", false) : 0;
});
}
}
})})(jQuery);