飞龙博客

feilong.org 前端开发教程

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

飞龙修订于 20170608 10:36 48 次浏览

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

想学前端?长按二维码加我微信

想学前端?点击飞龙QQ

分类: 前端开发

新作:

旧文:

关闭

长按二维码 -> 识别图中二维码

打开微信,发现,扫一扫

支付完成后,点击下一步

感谢大力支持

然后你手机号:

最后点这,稍等即可