简单的jquery模仿复选框全选全不选功能-创新互联
照样,在此我把关键代码贴出来,css样式我为了简单,就单纯的是在选中后,更换了一张背景图片而已。
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名与空间、网站空间、营销软件、网站建设、香洲网站维护、网站推广。jquery代码:
$(function(){ $(" span.zdy-icon-radio").click(function(){ $(this).toggleClass("active"); }); $("#checkall").click(function(){ if($(this).hasClass('active')){ //如果当前点击的多选框被选中 $('.gwc-bg span.zdy-icon-radio').addClass("active"); }else{ $('.gwc-bg span.zdy-icon-radio').removeClass("active"); } }); });
html代码:
购物车
效果图预览:
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
标题名称:简单的jquery模仿复选框全选全不选功能-创新互联
分享链接:http://scyanting.com/article/cseipp.html