优众联杰建站，专注广安网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
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> 本文URL：<a href="http://zzjierui.cn/article/coojdjj.html">http://zzjierui.cn/article/coojdjj.html</a> </div> </div> <div class="news_r"> <h3>其他资讯</h3> <ul> <li> <a href="/article/djdcegj.html">深度系统安装步骤windows7?（深度系统安装步骤)</a> </li><li> <a href="/article/djdcejg.html">如何通过本地电脑远程登录挂机宝？(挂机宝怎么登录)</a> </li><li> <a href="/article/djdcehd.html">php返回数据给ajax</a> </li><li> <a href="/article/djdcioo.html">别再被忽悠了！想靠Python找工作，你在做梦！</a> </li><li> <a href="/article/djdcics.html">xshell通过堡垒机服务器如何操作？堡垒机有甚么作用？</a> </li> </ul> </div> </div> <!--尾部begin--> <!--尾部begin--> <footer> <div class="f_bg"> <div class="wrap"> <div class="links"> <h2 class="h2">优众联杰建站解决方案<a href="../solution/" title="更多" class="more">更多+</a></h2> <ul> <li><a href="../solution/xiaochengxu.html" title="小程序定制解决方案">小程序定制解决方案</a></li> <li><a href="../solution/qiyewz.html" title="企业网站建设解决方案">企业网站建设解决方案</a></li> <li><a href="../solution/menhuwz.html" title="行业门户网站建设解决方案">行业门户网站建设解决方案</a></li> <li><a href="../solution/yingxiaowz.html" title="营销型网站建设解决方案">营销型网站建设解决方案</a></li> <li><a href="../solution/waimaowz.html" title="外贸网站建设解决方案">外贸网站建设解决方案</a></li> <li><a href="../solution/pingpaiwz.html" title="品牌形象网站建设解决方案">品牌形象网站建设解决方案</a></li> <li><a href="../solution/dianziwz.html" title="数码、电子产品网站建设解决方案">数码、电子产品网站建设解决方案</a></li> <li><a href="../solution/jituanwz.html" title="集团、上市企业网站建设解决方案">集团、上市企业网站建设解决方案</a></li> <li><a href="../solution/dichanwz.html" title="房地产、地产项目网站建设解决方案">房地产、地产项目网站建设解决方案</a></li> <li><a href="../solution/zhubaowz.html" title="珠宝高端奢侈品网站建设解决方案">珠宝高端奢侈品网站建设解决方案</a></li> </ul> </div> <div class="links w2"> <h2 class="h2">我们的实力<a href="../about/" title="更多" class="more">更多+</a></h2> <ul> <li>10年专业互联网服务经验</li> <li>广安高端建站设计团队</li> <li>资深行业分析策划</li> <li>B2C营销型网站建设者</li> <li>前沿视觉设计、研发能力</li> <li>前端代码深度符合SEO优化</li> <li>广安市高新技术企业证书</li> <li>具有完备的项目管理</li> <li>完善的售后服务体系</li> <li>深厚的网络运营经验</li> <li>时刻新技术研发能力</li> <li>16个网站系统软件著作权</li> </ul> </div> <div class="f_div2_r"> <h2 class="h2">关于优众联杰网站建设<a href="../about/" title="更多" class="more">更多+</a></h2> 优众联杰网站设计，为客户量身定制各类网站建设业务，包括企业型、电子商务型、行业门户型、品牌建立型等各类网站，实战经验丰富，成功案例众多。以客户利益为出发点，优众联杰网站建设网站制作为客户规划、定制符合企业需求、带有营销价值的建站方案，提供从网站前期定位分析策划到网站界面设计... </div> <div class="c_l"></div> </div> <div class="wrap"> <div class="link"> 友情链接： <a href="http://www.hmvxp.com/" title="成都公司注销代办公司" target="_blank">成都公司注销代办公司</a> <a href="http://www.lsfdjgs.com/" title="乐山康明斯发电机" target="_blank">乐山康明斯发电机</a> <a href="http://www.fijmx.com/" title="成都叉车租赁公司" target="_blank">成都叉车租赁公司</a> <a href="http://www.scguanghua.com/" title="光华机房服务器托管" target="_blank">光华机房服务器托管</a> <a href="http://www.apvja.com/" title="广汉发电机租赁公司" target="_blank">广汉发电机租赁公司</a> <a href="http://www.ncjbc.com/" title="成都餐饮门店招牌设计" target="_blank">成都餐饮门店招牌设计</a> <a href="http://www.ktnaf.com/" title="宝兴维修发电机" target="_blank">宝兴维修发电机</a> <a href="https://www.cdcxhl.com/idc/cqlt.html" title="重庆联通机房托管" target="_blank">重庆联通机房托管</a> <a href="http://www.scghjhjc.cn/" title="广汉锦华" target="_blank">广汉锦华</a> <a href="http://www.czfdjzy.com/" title="czfdjzy.com" target="_blank">czfdjzy.com</a> </div> </div> <div class="wrap"> <div class="f_div3"> <span class="l">广安网站制作公司©2025 成都优众联杰科技有限公司 广安建站公司 版权所有 | <a href="http://www.zzjierui.cn" target="_blank">广安网站设计</a><a href="http://www.zzjierui.cn" target="_blank">www.zzjierui.cn</a></span> <span class="r"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2024116266号-6</a></span> </div> </div> </div> </footer> <!--尾部end--> <script language="javascript" src="/Public/Home/js/foot.js"></script> <!--尾部end--> <!--侧边栏begin--> <div class="side"> <ul> <li id="qqonline_xbceo"><a href="tencent://message/?uin=631063699&Site=&Menu=yes"><i class="bgs1"></i>QQ咨询</a></li> <li class="shangqiao"><a href="tencent://message/?uin=532337155&Site=&Menu=yes" title="在线咨询"> <div><i class="bgs2"></i>在线咨询</div> </a></li> <li class="sideewm"><i class="bgs3"></i>官方微信 <div class="ewBox"></div> </li> <li class="sideetel"><i class="bgs4"></i>联系电话 <div class="telBox"> <dd class="bgs1"><span>座机</span><a href="tel:028-86922220" target="_blank">028-86922220</a></dd> <dd class="bgs2"><span>手机</span><a href="tel:13518219792" target="_blank">13518219792</a></dd> </div> </li> <li class="sidetop" onClick="goTop()" id="sidetop"><i class="bgs6"></i>返回顶部</li> </ul> </div> <script type="text/javascript"> $('.sideewm').hover(function(){ $('.ewBox').stop().fadeIn(); },function(){ $('.ewBox').stop().fadeOut(); }); $('.sideetel').hover(function(){ $('.telBox').stop().fadeIn(); },function(){ $('.telBox').stop().fadeOut(); }); </script> <!-- WPA start --> <!-- WPA end --> <!--侧边栏end--> </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>