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://gzruizhi.cn/article/ihjedi.html">http://gzruizhi.cn/article/ihjedi.html</a>
        </div>
    </div>
    <div class="other">
        <h3>其他资讯</h3>
        <ul>
            <li>
                    <a href="/article/cojede.html">Docker内怎么访问本机-创新互联</a>
                </li><li>
                    <a href="/article/cojegs.html">您需要渐进式Web应用程序做项目开发的7个理由-创新互联</a>
                </li><li>
                    <a href="/article/cojeps.html">如何在Python中使用argparse模块-创新互联</a>
                </li><li>
                    <a href="/article/cojepo.html">mybatis-plus配置多数据源-创新互联</a>
                </li><li>
                    <a href="/article/cojegi.html">python实现检索标记敏感词并输出的方法-创新互联</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.scaimingsi.com/" title="四川艾名斯" target="_blank">四川艾名斯</a>   <a href="http://m.cdcxhl.cn/mobile/
" title="手机网站制作" target="_blank">手机网站制作</a>   <a href="http://m.cdcxhl.cn/dingzhi/
" title="定制网站设计" target="_blank">定制网站设计</a>   <a href="https://www.cdcxhl.com/app.html" title="成都app开发" target="_blank">成都app开发</a>   <a href="http://m.cdxwcx.com/zuo.html" title="成都做网站" target="_blank">成都做网站</a>   <a href="http://www.cdkjz.cn/small/" title="成都小程序开发" target="_blank">成都小程序开发</a>   <a href="http://www.xhgfhy.com/
" title="成都封阳台" target="_blank">成都封阳台</a>   <a href="http://www.cdmuye.cn/" title="乐尚佳花箱" target="_blank">乐尚佳花箱</a>   <a href="http://www.yuzhoubg.com/" title="成都楼顶广告牌" target="_blank">成都楼顶广告牌</a>   <a href="https://www.xwcx.net/" title="主机托管" target="_blank">主机托管</a>       </div>
  </div>
  <div class="copy"> © Copyright 2023 <a href="http://www.gzruizhi.cn">冠赛建站工作室</a>All Rights Reserved.  <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">黔ICP备2021005940号-3</a>  <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">响应式网站建设</a> / <a href="https://www.cdcxhl.com" target="_blank">成都网站设计</a>  <a href="https://www.cdcxhl.com/service/weihu.html" target="_blank">成都网站维护</a> <a href="https://www.cdcxhl.com/news/" target="_blank">其他新闻分类</a> </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>