JavaScript实现CheckBox选中所有的项的方法的文章很少见，这是笔者精心为大家准备的礼物，代码的借鉴性很高，也很好理解，希望能给大家带来帮助。
成都创新互联公司为企业级客户提高一站式互联网+设计服务，主要包括成都网站制作、成都网站设计、外贸营销网站建设、重庆APP开发公司、微信小程序、宣传片制作、LOGO设计等，帮助客户快速提升营销能力和企业形象，创新互联各部门都有经验丰富的经验，可以确保每一个作品的质量和创作周期，同时每年都有很多新员工加入，为我们带来大量新的创意。
JavaScript实现CheckBox选中所有的项的方法：
</li> <li> title></li> <li><body></li> <li><form name="Form1"></li> <li><input name="allbox" type="checkbox" onClick="TA();" title="选中或清除选中所有的项目" tabindex="105">选中或清除选中所有的项目 </li> <li><br/></li> <li><span class="X"></li> <li><input type="checkbox" name="ABC" class="A" onClick="TTA(this);">清明时节 span></li> <li><br/></li> <li><span class="X"></li> <li><input type="checkbox" name="DEF" class="A" onClick="TTA(this);">长江水啊 span></li> <li><br/></li> <li><span class="X"></li> <li><input type="checkbox" name="GHL" class="A" onClick="TTA(this);">嘿嘿测试 span></li> <li><br/></li> <li> form></li> <li><script language="javascript"></li> <li>var frm = document.Form1; </li> <li> script></li> <li><script language="JavaScript"></li> <li>function TA(isO,noHL){ </li> <li> var trk = 0; </li> <li> for(var i=0;i<frm.elements.length;i++){ </li> <li> var e=frm.elements[i]; </li> <li> if((e.name !='allbox') && (e.type == 'checkbox')){ </li> <li> e.checked = frm.allbox.checked; </li> <li> if (frm.allbox.checked){ </li> <li> //e.parentElement.className = "H"; //.parentElement不兼容firefox浏览器 </li> <li> e.parentNode.className = "H";//调用设置父节点元素class改变背景色 </li> <li> }else{ </li> <li> e.parentNode.className = "X";//调用设置父节点元素class改变背景色 </li> <li> } </li> <li> } </li> <li> } </li> <li>} </li> <li>function TTA(CB,noHL){ </li> <li> if (CB.checked){ </li> <li> CB.parentNode.className = "H"; </li> <li> }else{ </li> <li> CB.parentNode.className = "X"; </li> <li> } </li> <li> var TB=TO=0; </li> <li> for (var i=0;i<frm.elements.length;i++){ </li> <li> var e=frm.elements[i]; </li> <li> if ((e.name != 'allbox') && (e.type=='checkbox')){ </li> <li> TB++; </li> <li> if (e.checked) </li> <li> TO++; </li> <li> } </li> <li> } </li> <li> frm.allbox.checked=(TO==TB)?true:false; </li> <li> //如果不是所有项被选中则allbox设定未被选中 </li> <li>} </li> <li> script></li> <li><style></li> <li>.H{ </li> <li> background: #ADD8E6 </li> <li>} </li> <li>.X{ </li> <li> background: #FFFFFF </li> <li>} </li> <li> style></li> <li> body> html></li> </ol></pre><p>以上就是对JavaScript实现CheckBox选中所有的项方法的简单介绍。</p> <br> 本文题目：JavaScript实现CheckBox选中方法 <br> 标题链接：<a href="http://www.hfanp.com/article/coojdjj.html">http://www.hfanp.com/article/coojdjj.html</a> </div> </div> </div> <div class="other container"> <h3>其他资讯</h3> <ul> <li> <a href="/article/coohcoi.html">思科回应各方对UCS统一计算系统指责</a> </li><li> <a href="/article/coohcpc.html">电脑开机特别慢，每次都1分40秒左右，是配置问题吗？windows8.1开机太慢</a> </li><li> <a href="/article/coohcjj.html">学习PHP程序员必会的Linux技术（php程序员linux）</a> </li><li> <a href="/article/coohchc.html">为什么拉黑不提示</a> </li><li> <a href="/article/coohcgc.html">Qt实现数据库数据添加(qt往数据库添加数据)</a> </li> </ul> </div> <div class="footer"> <div class="foota container"> <div class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12"> <ul> <li class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>网站制作</h3> <a href="http://m.cdcxhl.cn/dingzhi/" target="_blank">定制网站制作</a><a href="https://www.cdxwcx.com/" target="_blank">网站制作</a><a href="https://www.cdcxhl.com/mobile.html" target="_blank">手机网站制作设计</a><a href="https://www.cdxwcx.com/wangzhan/shop.html" target="_blank">成都商城网站制作</a><a href="http://www.cxjianzhan.com/" target="_blank">网站制作</a><a href="https://www.cdxwcx.com/" target="_blank">成都网站制作</a> </li> <li class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>企业服务</h3> <a href="https://www.cdcxhl.com/service/zzgj.html" target="_blank">备案资质管家服务</a><a href="https://www.cdcxhl.com/link/" target="_blank">友情链接出售</a><a href="https://www.cdcxhl.com/mianfei/jianshe/chengdu.html" target="_blank">免费网站建设</a><a href="https://www.cdcxhl.com/shoulu/" target="_blank">分类目录</a><a href="https://www.cdcxhl.com/service/service.html" target="_blank">工商服务</a><a href="https://www.cdcxhl.com/shoulu/" target="_blank">分类目录网站</a> </li> <li class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>网站建设</h3> <a href="http://www.kswsj.com/" target="_blank">成都网站建设</a><a href="http://www.cdxwcx.cn/" target="_blank">成都网站建设</a><a href="http://www.cdkjz.cn/fangan/finance/" target="_blank">金融行业网站建设方案</a><a href="http://www.33260.cn/" target="_blank">成都定制网站建设</a><a href="https://www.cdxwcx.com/city/chongzhou/" target="_blank">崇州网站建设</a><a href="https://www.cdcxhl.com/pinpai.html" target="_blank">品牌网站建设</a> </li> <li class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>服务器托管</h3> <a href="https://www.cdcxhl.com/idc/xixin.html" target="_blank">西信服务器托管</a><a href="https://www.xwcx.net/tgxq/cdghjf.html" target="_blank">成都光华机房</a><a href="https://www.cdcxhl.com/idc/gysx.html" target="_blank">贵阳三线机房</a><a href="https://www.xwcx.net/" target="_blank">成都托管服务器</a><a href="https://www.cdcxhl.com/idc/guanghua.html" target="_blank">光华服务器托管</a><a href="https://www.cdcxhl.com/idc/leshan.html" target="_blank">乐山服务器托管</a> </li> </ul> </div> <div class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12"> <p>全国免费咨询:</p> <b>400-028-6601</b> <p>业务咨询：028-86922220 / 13518219792</p> <p>节假值班：18980820575 / 13518219792</p> <p>联系地址：四川省遂宁市船山区德水北路56号</p> </div> </div> <div class="footb"> <div class="copy container"> <div class="fl">Copyright © 四川澄梦希喜广告有限公司 <a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备2025175960号-6</a></div> <!--<div class="fr"><a href="https://www.cdxwcx.com/" target="_blank">成都网站建设</a>：<a href="https://www.cdcxhl.com/" target="_blank">澄梦希喜</a></div>--> </div> </div> <div class="link"> <div class="container"> 友情链接： <a href="https://www.cdcxhl.com/" target="_blank">成都网站建设</a> <a href="https://www.cdcxhl.com/city/suining.html" target="_blank">遂宁网站建设</a> <a href="https://www.cdcxhl.com/idc/meishan.html">眉山服务器托管</a> <a href="https://www.cdcxhl.com/paiming/suining.html">遂宁seo排名</a> <a href="https://www.cdxwcx.com/jifang/xiyun.html" target="_blank">移动服务器托管</a> <a href="http://www.cdfuwuqi.com/" target="_blank">成都服务器托管</a> <a href="https://www.cdcxhl.cn/" target="_blank">云服务器</a> <a href="http://www.cdhuace.com/" target="_blank">广告设计制作</a> <a href="https://www.cdcxhl.com/sheji/suining.html" target="_blank">遂宁网页设计</a> <a href="https://www.cdcxhl.com/zuo/suining.html" target="_blank">遂宁做网站</a> <a href="https://www.cdcxhl.com/zhizuo/suining.html" target="_blank">遂宁网站制作</a> <a href="https://www.cdcxhl.com/seo/suining.html">遂宁网站推广</a> <a href="https://www.cdcxhl.com/idc/deyang.html">德阳服务器托管</a> <a href="https://www.cdcxhl.com/zuyong/meishan.html">眉山服务器租用</a> <a href="https://www.cdcxhl.com/tuoguan/">成都服务器托管</a> </div> </div> </div> <div class="foot"> <ul class="public-celan"> <li> <a href="#" target="_blank" class="a1 db tc"> <img src="/Public/Home/img/icon-23.png" alt="" class="db auto"> <span class="span-txt">在线咨询</span> </a> </li> <li> <a href="tel:18980820575" class="a1 db tc"> <img src="/Public/Home/img/icon-24.png" alt="" class="db auto"> <span class="span-txt">电话咨询</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc"> <img src="/Public/Home/img/icon-25.png" alt="" class="db auto"> <span class="span-txt">QQ咨询</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up"> <img src="/Public/Home/img/icon-26.png" alt="" class="db auto"> <span class="span-txt">预约顾问</span> </a> </li> </ul> </div> <div class="customer"> <dl class="icon1"> <dt> <a href="tencent://message/?uin=1683211881&Site=&Menu=yes"> <i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i> <p>在线咨询</p> </a> </dt> </dl> <dl class="icon2"> <dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨询</p></dt> <dd><img src="/Public/Home/img/ewm.png"></dd> </dl> <dl class="icon3"> <dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>电话咨询</p></dt> <dd> <p>028-86922220（工作日）</p> <p>18980820575（7×24）</p> </dd> </dl> <dl class="icon4"> <dt class="sShow"> <a href="tencent://message/?uin=244261566&Site=&Menu=yes"> <i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p> </a> </dt> </dl> <dl class="icon5"> <dt class="gotop"> <a href="#top"> <i><img src="/Public/Home/img/top.png" alt=""></i><p>返回顶部</p> </a> </dt> </dl> </div> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>
遂宁站
遂宁站