jquery 自定义常用方法插件1

最新推荐文章于 2020-11-30 14:29:18 发布

原创最新推荐文章于 2020-11-30 14:29:18 发布 · 180 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

jquery 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个基于jQuery的全选插件实现方法，通过简单的API调用即可完成表格或列表中复选框的全选操作及获取已选中项的值。插件提供了两个主要功能：全选和获取所有选中项的值。

/**
* @version 1.0
* @author:like 
* @Date: 2011/07/07 16:37:07
*/
;(function($) {
	$.fn.extend({
		/**全选
		*call：$(调用对象).allSelect({bySelectID:"被调用对象"});
		*/
		"allSelect":function(options){
			//设置默认值
			options=$.extend({
				bySelectID:"bySelectID", /* 被选择checkbox ID*/
				selected:"selectedid" /* 选中行样式*/ 
			},options);
			var byID=options.bySelectID;
			$(this).click(function(){
				var hasSelected=$(this).attr('checked');
				if(hasSelected){
					$("input[id='"+byID+"']").attr('checked',true);
				}else{
					$("input[id='"+byID+"']").attr('checked',false);
				}
			});
		},
		/**获取所有选择项的值
		*call：$(调用对象).allSelectVal();
		*return:调用对象选中的val值
		*/
		"allSelectVal":function(){
			var selectIDs="";
			$(this).each(function(){
				var hasSelected=$(this).attr('checked');
				if(hasSelected){
					selectIDs+=$(this).val()+",";
				}
			});
			return selectIDs;
		}
	});
})(jQuery);

//全选按钮绑定事件
$("#admin_member_select").allSelect({bySelectID:"admin_memberID"});
注：admin_member_select   选择框ID
      admin_memberID   被选择框ID