`

jquery 自定义常用方法插件1

 
阅读更多
/**
* @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

 

分享到:
评论

相关推荐

    jQuery 自定义函数写法分享

    jQuery.extend 函数详解JQuery的extend扩展方法:Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。一、Jquery的扩展方法原型是:   

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. ...

    jQuery fDialog弹出层插件 v1.0.1.rar

    jQuery fDialog弹出层插件基于jQuery实现,本插件所生成的弹出层兼容性特别好,几乎能兼容包括IE6在内的所有常用浏览器。同时弹出层上所有元素都可自定义,样式也可重新定义,本次上传的jQuery fDialog是一个更新...

    jQuery Select下拉框分类菜单多选插件

    jQuery Select下拉框分类菜单多选插件一款功能比较全面的自定义下拉菜单选项多选代码,除了可以对选项进行分类,还带有搜索功能。

    jquer实例大全【清晰版】

    jQuery常用网站商品分类筛选功能 jquery-弹出表单录入商品信息 jQuery弹出层插件popupWindow.js jQuery调色板变换背景 jQuery调用百度地图坐标定位 jquery多功能表单验证2.0(原创) jquery仿app产品筛选列表 jquery仿...

    jQuery权威指南-源代码

    第7章 jQuery常用插件/197 7.1 jQuery插件概述/198 7.2 验证插件validate /198 7.3 表单插件form /202 7.4 Cookie插件cookie /205 7.5 搜索插件AutoComplete /209 7.6 图片灯箱插件notesforlightbox /213 7.7...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    1.jQuery.Switchable常见网页UI组件(整合Tabs、Slide、Scrollable等插件) 2.jQuery层拖拽插件之jquery仿QQ空间的模块拖动功能插件下载 3.jQuery动感图标切换网页Tab选项卡导航代码 4.jquery封装Tab标签选项卡...

    jquery formValidation表单验证插件实例

    jquery formValidation是个强大的jquery插件,使用简单,自定义提示层,弹出警告框,能验证常用的表单输入框。

    100多个JQuery效果示例(实例)div+css+javascrpit

    1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+...

    jQuery权威指南366页完整版pdf和源码打包

    jquery常用插件 7.1 jquery插件概述 7.2 验证插件validate 7.3 表单插件form 7.4 cookie插件cookie 7.5 搜索插件autocomplete 7.6 图片灯箱插件notesforlightbox 7.7 右键菜单插件contextmenu 7.8 ...

    web前端插件整合

    web前端插件整合,附带常用的jquey插件,jquery插件开发范例

    vue自定义指令实现v-tap插件

    放弃jQuery,拥抱MVVM,拥抱组件吧! vue-touch基于hammer,对于普通简单手势的页面来说过于庞大! 于是想自己实现一个最常用的手势tap。...接着我们需要像写jQuery插件一样学习写Vue插件的格式。 继续官方文档

    jQuery Validate 表单校验插件的检验规则与案例

    目录表单校验插件1. 导入插件2. 基础语法3. 常用校验规则4. 校验案例a. 主要需求b. HTML 素材页面c. 实现表单检验 表单校验插件 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,...

    JQuery 拾色器插件发布-jquery.icolor.js

    以前我一直用的那个(eyecon.ro) 功能完整也简易,但是不尽符合上面的要求,于是 ...关于浏览器安全色值,可参考维基文档http://en.wikipedia.org/wiki/Web_colors 2,用户可以自定义常用色值。相当于整合了下面图片

    jQuery网站在线充值金额选择代码

    jQuery网站在线充值金额选择代码是一款常用的网站购买会员虚拟货币充值金额选择代码特效。

    UI设计jquery插件YBslider.zip

    UI设计jquery插件YBslider是一款可以灵活配置插件配置参数,分为9个常用参数和9个可选的自定义参数,效果非常棒。

    jQuery.AsyncBox v1.4.5 API.chm

    jQuery.AysncBox(异步盒子,以下简称:AysncBox) 是一款基于 jQuery 的弹窗插件,由作者小吴同学进行资源整合与开发。 自从2011年4月7日发布以来,引来了各界的关注和支持。AysncBox 以其快速、简洁、灵活的使用...

    jquery validator 插件增加日期比较方法

    jQuery plugin: Validation是一款功能强大的客户端验证插件,具有很多常用验证方法,支持自定义验证方法扩展、自定义语言包等等。

Global site tag (gtag.js) - Google Analytics