飞龙博客

飞龙博客 飞龙在天

飞龙前端测试: 委托式 js全选反选代码 20170504 版

feilong.org 修订于2021-01-22 12:17:26 516 次浏览

飞龙前端测试: 委托式 js全选反选20170504 飞龙代码共享。通过js追加的 复选项,也可以使用这个独立函数。
以前几年写的同作用的全选反选方案,过于繁琐,这个检点一点。
本文更新日志:http://feilong.org/check-all-and-revert-js-code

/*** 委托式 js全选反选20170504 飞龙 供同行参考使用 ***/	
a0CkAll('.ckall','.ckrev','.ckyes');

	function a0CkAll(a,b,c){
		
		var ckall=$(a),ckrev=$(b),ckits,ckeds,cknoeds;	
		
		$('.page').on('click',c,function(ev){
			
			if($(this).prop('checked')){
				cknoeds=a0all.find(c).not(':checked');
				if(cknoeds.length){ckall.prop('checked',false);
				}else{ckall.prop('checked',true);}
				
			}else{
				ckall.prop('checked',false);
			}
	
		});
	
		ckall.on('click',function(ev){
			
			if($(this).prop('checked')){
				ckits=a0all.find(c).not(':checked').trigger('click');
				
			}else{
				ckits=a0all.find(c).filter(':checked').trigger('click');
			}
			
			ckrev.prop('checked',false);
	
		});
	
		ckrev.on('click',function(ev){
		 ckits=a0all.find(c).trigger('click');
			
		});
	
	}/*0.5*/

ok.

更新网址:https://feilong.org/check-all-and-revert-js-code
最初发布:20170608 10:36:58 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: js 教程

新作:

旧文:

blog money bui 教程 echarts 教程 eclipse 教程 html css 教程 IT趋势 js 教程 json 教程 mysql 教程 nodejs npm 教程 onblog SQLite 教程 tutorials vscode 教程 wap网站 winpe启动盘 wordpress 主机推荐 书法 前端开发 博客 名企名网 国学 域名注册 常用软件 建站程序 操作系统 教程 数码 无线上网 日记 电子商务 电脑笔记本 网站 网站优化 网站开发 网站推广 网站策划 网络 虚拟现实 默认