JavaScript实现CheckBox选中方法
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="https://jylskj.cn/article/coojdjj.html">https://jylskj.cn/article/coojdjj.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/peoje.html">JavaScript中如何实现栈-创新互联</a> </li><li> <a href="/article/eddoee.html">抖音代运营机构土库科技优</a> </li><li> <a href="/article/ecsdge.html">带货短视频运营（带货短视频运营是做什么的）</a> </li><li> <a href="/article/dicicod.html">影音先锋ios开发版 影音先锋for ios</a> </li><li> <a href="/article/djdjgpj.html">光标乱跑怎么解决</a> </li><li> <a href="/article/djjhiig.html">【WOT2018】李明宇：在OpenStack云上运行大数据系统的难题与方法</a> </li><li> <a href="/article/dhoscje.html">ASP和JSP页面简单介绍</a> </li><li> <a href="/article/dhgjdes.html">Python 程序：打印元组中偶数</a> </li><li> <a href="/article/coihpeg.html">这种方法可以解决开发中的重复“造轮子”</a> </li><li> <a href="/article/cddhsjo.html">c语言send函数的使用方法？windowssend函数</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> <p>免费获取网站建设与品牌策划方案报价</p> <span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上四川简阳网站建设。</span> <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"></textarea> <a href="">提交需求</a> </form> </div> </div> <div class="footA"> <div class="footAs container"> <ul> <h3>联系我们</h3> <b>028-86922220</b> <li>手机：13518219792</li> <li>地址：成都市简阳市大华国际财富中心2号楼</li> <li class="hr1"></li> <li>24小时服务热线：18982081108</li> </ul> <ul> <h3>网站建设服务</h3> <li><a href="https://www.cdcxhl.com/sheji/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站设计</a></li> <li><a href="https://www.cdcxhl.com/zuo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳做网站</a></li> <li><a href="https://www.cdcxhl.com/zhizuo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站制作</a></li> </ul> <ul> <h3>网站推广服务</h3> <li><a href="https://www.cdcxhl.com/google.html" target="_blank" style="color:#B7B6B6">Google外贸推广</a></li> <li><a href="https://www.cdcxhl.com/seo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站优化</a></li> <li><a href="https://www.cdcxhl.com/quanwang.html" target="_blank" style="color:#B7B6B6">全网营销推广</a></li> </ul> <ul> <h3>网站运维服务</h3> <li><a href="https://www.cdcxhl.com/yunying.html" target="_blank" style="color:#B7B6B6">网站托管运营</a></li> <li><a href="https://www.cdcxhl.com/gaiban/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站改版</a></li> <li><a href="https://www.cdcxhl.com/weihu/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站维护</a></li> </ul> <ul> <h3>FOLLOW US</h3> <li class="hr2"></li> <li> <dd class="fl"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd> <dd class="fr"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd> </li> </ul> </div> <div class="link container"> 友情链接： <a href="http://www.kmvuq.com/" title="昆明实木茶几销售" target="_blank">昆明实木茶几销售</a> <a href="http://www.scbrznjsb.com/vision/" title="界面设计" target="_blank">界面设计</a> <a href="http://www.aqyvc.com/" title="电子产品销售公司" target="_blank">电子产品销售公司</a> <a href="http://www.yuzhoubg.com/" title="成都楼顶广告牌" target="_blank">成都楼顶广告牌</a> <a href="http://www.efsuy.com/" title="昆明言碧旖" target="_blank">昆明言碧旖</a> <a href="http://www.ebljrwl.com/" title="昆明发电机维修" target="_blank">昆明发电机维修</a> <a href="http://www.dmvi.cn/" title="成都广告制作" target="_blank">成都广告制作</a> <a href="http://www.scemts.cn/" title="德阳东方电机技改" target="_blank">德阳东方电机技改</a> <a href="http://www.cdxwcx.cn/tuoguan/xibuxinxi.html" title="中国电信西部信息中心机房" target="_blank">中国电信西部信息中心机房</a> <a href="https://www.cdcxhl.com/ssl/chengdu.html" title="成都ssl证书认证" target="_blank">成都ssl证书认证</a> </div> </div> <div class="footB"> <div class="container"> <div class="fl"> Copyright © 2026 四川简阳网站建设公司 四川简阳网站建设公司-选我们！四川专业的简阳网站制作公司！ </div> <div class="fr"> All Rights Reserved 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2026002071号-11</a> </div> </div> </div> </footer> </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>