飞龙博客

前端文字教程

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

feilong.org 修订于2021-01-22 12:17:26 您好，第 458 位朋友！

飞龙前端测试： 委托式 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 教程

新作：

旧文：