jquery 全选，全不选及反选

1

   

   

   

   

   

   

   
   
   
   

2

   

   

   

   

   

   

   
   
   
   

(function($){
$.fn.checkBoxSelect = function(options){
return this.each(function() {
var defaults = {
selectAllBtn:'.selectAll', 
unSelectBtn:'.unSelect',
reverseSelectBtn:'.reverse',
getSelectValBtn:'.getValue'
}
var _this = $(this);
var valArr = new Array;
var vals,getVal;

var opts = $.extend({},defaults,options);
var selectAllBtn = $(opts.selectAllBtn, _this); //全选按钮
var unSelectBtn = $(opts.unSelectBtn, _this); //全不选按钮
var reverseSelectBtn = $(opts.reverseSelectBtn, _this); //反选按钮
var getSelectValBtn = $(opts.getSelectValBtn, _this); //取值按钮

selectAllBtn.click(function(){ //全选
_this.find(":checkbox").prop("checked",true);
});
unSelectBtn.click(function(){ // 全不选
_this.find(":checkbox").prop("checked",false);
});
reverseSelectBtn.click(function(){ //反选
_this.find(":checkbox").each(function(i){
$(this).prop("checked",!$(this).prop("checked"));
});

});
getSelectValBtn.click(function(){
getVal();
if(valArr.length>0){
alert("当前组选中的值为："+vals);
}else{
alert("毛都没有");
}
});
getVal = function(){
valArr.length = 0;
_this.find(":checkbox:checked").each(function(i){
valArr[i] = $(this).val();
});
vals = valArr.join(',');
}
})
}
})(jQuery);


$(function(){
//调用
$(".list").checkBoxSelect();
});