189 8069 5689
这篇文章主要介绍“JavaScript如何利用CheckBox实现选中”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“JavaScript如何利用CheckBox实现选中”文章能帮助大家解决问题。
创新互联建站主营巴青网站建设的网络公司,主营网站建设方案,重庆APP开发,巴青h5微信小程序搭建,巴青网站营销推广欢迎巴青等地区企业咨询
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://zwzwh.cn/article/jogoog.html">http://zwzwh.cn/article/jogoog.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/chdo.html">太平天国为什么灭亡了那一年灭亡的一共存在了多长时间</a> </li><li> <a href="/article/cjopsj.html">江山市首台无人驾驶插秧机下田作业</a> </li><li> <a href="/article/egphjo.html">商户版微信如何开通，微信我是商家怎么开通</a> </li><li> <a href="/article/gpjhss.html">AWS中如何使用AWSCLI创建ECS集群</a> </li><li> <a href="/article/jsjpgo.html">python中copy2()函数有什么用</a> </li><li> <a href="/article/pipgij.html">Java设置字体的方法</a> </li><li> <a href="/article/hehsps.html">mysql自增怎么定义 mysql自增是什么意思</a> </li><li> <a href="/article/dhcdcoo.html">原有虚拟主机过期现需要绑定新主机</a> </li><li> <a href="/article/dhgpoco.html">问怎么免费申请永久的域名？（云vps主机免费申请的方法是什么）</a> </li><li> <a href="/article/cdooipg.html">日本虚拟空间租用有哪些优点</a> </li> </ul> </div> </div> <footer> <div class="foot container"> <div class="footl fl"> <h3>联系我们</h3> <dl> 您好HELLO!<br> 感谢您来到成都网站建设公司，若您有合作意向，请您为我们留言或使用以下方式联系我们， 我们将尽快给你回复，并为您提供真诚的设计服务，谢谢。 </dl> <ul> <li>电话：028- <span>86922220 18980695689</span></li> <li>商务合作邮箱：631063699@qq.com</li> <li>合作QQ： 532337155</li> <li>成都网站设计地址：成都市青羊区锣锅巷31号五金站写字楼6楼</li> </ul> </div> <div class="footr fr"> <h3>乐尚佳建站工作室</h3> <dl> 成都乐尚佳网站建设公司拥有多年以上互联网从业经验的精英团队，始终保持务实的风格，以"帮助客户成功"为已任，专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司；我们对营销、技术、管理都有自己独特见解，乐尚佳建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务！ </dl> <h3>乐尚佳观点</h3> <dl> 相对传统的成都网站建设公司而言，乐尚佳鼎是互联网中的网站品牌策划精英，我们精于企业品牌与互联网相结合的整体战略服务。<br> 我们始终认为，网站必须注入企业基因，真正使网站成为企业vi的一部分，让整个网站品牌策划体系变的深入而持久。 </dl> </div> </div> <div class="link"> <div class="container"> <span> 友情链接：</span> <a href="http://www.zzjierui.cn/" title="广安网站建设" target="_blank">广安网站建设</a> <a href="http://www.cdkjz.cn/fangan/cosmetics/" title="化妆品企业网站建设方案" target="_blank">化妆品企业网站建设方案</a> <a href="http://www.cyerz.com/" title="成都发电机保养公司" target="_blank">成都发电机保养公司</a> <a href="http://www.pwwzsj.com/" title="平武做网站" target="_blank">平武做网站</a> <a href="http://www.ayjiy.com/" title="绵阳网站维护" target="_blank">绵阳网站维护</a> <a href="https://www.cdcxhl.com/xiyun.html" title="西云主机托管" target="_blank">西云主机托管</a> <a href="http://www.gafdjwx.com/" title="广安柴油发电机组维修" target="_blank">广安柴油发电机组维修</a> <a href="http://www.mlyaq.com/" title="简阳发电机租用" target="_blank">简阳发电机租用</a> <a href="http://www.lzfdjwx.com/" title="泸州发电机组维修" target="_blank">泸州发电机组维修</a> <a href="http://www.tifja.com/" title="玉柴大功率发电机" target="_blank">玉柴大功率发电机</a> </div> </div> <div class="copy">