jquery table 全选框插件

最新推荐文章于 2021-11-02 15:03:09 发布

ycchen

最新推荐文章于 2021-11-02 15:03:09 发布

阅读量527

点赞数

分类专栏： jquery 文章标签： jquery table function c

本文链接：https://blog.csdn.net/ycchen/article/details/7243935

版权

jquery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

项目中经常用到，所用弄成插件使用

/*!
 * copyright c by Ethan 2012-02-08
 * jquery.checkAll.js 复选框全选功能
 * v1.0 2012-02-08 create
 * usage: $('table').checkAll();
*/

(function($) {
	$.fn.checkAll = function(options) {
		var defaults = {
			checkAll:'thead :checkbox',
			checkboxes:'tbody :checkbox'
		};
		var params = $.extend({}, defaults, options);
		$(this).each(function(){
			var $table = $(this),
				$checkAll = $(params.checkAll, this),
				$checkboxes = $(params.checkboxes, this);
			$checkAll.click(function(){
				if( $(this).attr('checked') === 'checked' ){
					$checkboxes.attr('checked', true);
				}else{
					$checkboxes.attr('checked', false);
				}
			});
			$checkboxes.click(function(){
				if(  $(this).attr('checked') !== 'checked' ){
					$checkAll.attr('checked', false);
				}else if( $checkboxes.filter(':checked').size() === $checkboxes.size() ){
					$checkAll.attr('checked', true);
				}
			});
		});
	};	
})(jQuery);