码迷,mamicode.com
首页 > Web开发 > 详细

jquery 全反选插件

时间:2015-06-08 11:50:18      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

/*
 * 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);


jquery 全反选插件

标签:

原文地址:http://my.oschina.net/reesechou/blog/464045

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!