JavaScript中怎么利用CheckBox实现选中
这篇文章将为大家详细讲解有关JavaScript中怎么利用CheckBox实现选中，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
站在用户的角度思考问题，与客户深入沟通，找到永昌网站设计与永昌网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站制作、做网站、企业官网、英文网站、手机端网站、网站推广、域名申请、网页空间、企业邮箱。业务覆盖永昌地区。
JavaScript实现CheckBox选中所有的项的方法：
title> <body> <form name="Form1"> <input name="allbox" type="checkbox" onClick="TA();" title="选中或清除选中所有的项目" tabindex="105">选中或清除选中所有的项目 <br/> <span class="X"> <input type="checkbox" name="ABC" class="A" onClick="TTA(this);">清明时节span> <br/> <span class="X"> <input type="checkbox" name="DEF" class="A" onClick="TTA(this);">长江水啊span> <br/> <span class="X"> <input type="checkbox" name="GHL" class="A" onClick="TTA(this);">嘿嘿测试span> <br/> form> <script language="javascript"> var frm = document.Form1; script> <script language="JavaScript"> function TA(isO,noHL){ var trk = 0; for(var i=0;i<frm.elements.length;i++){ var e=frm.elements[i]; if((e.name !='allbox') && (e.type == 'checkbox')){ e.checked = frm.allbox.checked; if (frm.allbox.checked){ //e.parentElement.className = "H"; //.parentElement不兼容firefox浏览器 e.parentNode.className = "H";//调用设置父节点元素class改变背景色 }else{ e.parentNode.className = "X";//调用设置父节点元素class改变背景色 } } } } function TTA(CB,noHL){ if (CB.checked){ CB.parentNode.className = "H"; }else{ CB.parentNode.className = "X"; } var TB=TO=0; for (var i=0;i<frm.elements.length;i++){ var e=frm.elements[i]; if ((e.name != 'allbox') && (e.type=='checkbox')){ TB++; if (e.checked) TO++; } } frm.allbox.checked=(TO==TB)?true:false; //如果不是所有项被选中则allbox设定未被选中 } script> <style> .H{ background: #ADD8E6 } .X{ background: #FFFFFF } style> body>html></pre><p>关于JavaScript中怎么利用CheckBox实现选中就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。</p> <br> 分享标题：JavaScript中怎么利用CheckBox实现选中 <br> 转载来源：<a href="http://myzitong.com/article/ihjedi.html">http://myzitong.com/article/ihjedi.html</a> </div> </div> <div class="contentr fr"> <h3>其他资讯</h3> <ul> <li> <a href="/article/jjsdgi.html">MySQL数据库的锁机制是什么</a> </li><li> <a href="/article/jjsdjo.html">Python中Dijkstra算法有什么用</a> </li><li> <a href="/article/jjsdgg.html">BINARY上传愿意分析以及设置并使用BINARY上传</a> </li><li> <a href="/article/jjsdjc.html">微信小程序中如何搭建详情页静态页面</a> </li><li> <a href="/article/jjsdco.html">将Java应用部署到SAP云平台neo环境的两种方式分别是怎样的</a> </li> </ul> </div> </div> </div> <!--底部--> <footer> <div class="foot"> <div class="container"> <h1>梓潼大橙子建站您身边的网站制作服务商</h1> <div class="foot1"> <ul> <li> <dl><i class="iconfont"></i><b>地址ADDRESS</b></dl> <p>四川-成都青羊区太升南路288号<br> 锦天国际A座10楼 </p> </li> <li> <dl><i class="iconfont"></i><b>电话/TEL</b></dl> <p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br> <a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 ) </p> </li> <li> <dl><i class="iconfont"></i><b>QQ咨询</b></dl> <p> 244261566 (售前)<br> 631063699 (售后) </p> </li> <li> <dl><i class="iconfont"></i><b>邮箱/E: mail</b></dl> <p> service@cdcxhl.com (业务)<br> hr@cdcxhl.com (求职) </p> </li> </ul> </div> <div class="link"> 友情链接： <a href="http://www.hzjierui.cn/" title="彭州网站建设" target="_blank">彭州网站建设</a> <a href="http://www.bswzsj.com/" title="巴彦网站建设" target="_blank">巴彦网站建设</a> <a href="http://www.yzsxq.com/" title="成都水电改造" target="_blank">成都水电改造</a> <a href="http://www.kratc.com/" title="开元建校" target="_blank">开元建校</a> <a href="http://m.cdcxhl.cn/applets/ " title="小程序开发公司" target="_blank">小程序开发公司</a> <a href="https://www.cdxwcx.com/jifang/zongshu.html" title="成都棕树电信机房" target="_blank">成都棕树电信机房</a> <a href="https://www.cdxwcx.com/400/" title="成都400电话办理" target="_blank">成都400电话办理</a> <a href="http://www.scjzmc.cn/" title="四川晃众门窗" target="_blank">四川晃众门窗</a> <a href="https://www.cdxwcx.com/jifang/meishan.html" title="联通机柜租用" target="_blank">联通机柜租用</a> <a href="http://www.kswcd.com/mobile/" title="手机网站建设" target="_blank">手机网站建设</a> </div> </div> </div> <div class="copy container"> Copyright