飞龙前端测试: 委托式 js全选反选代码 20170504 版
feilong.org 修订于2021-01-22 12:17:26 419 次浏览飞龙前端测试: 委托式 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 教程