189 8069 5689

JavaScript如何利用CheckBox实现选中

这篇文章主要介绍“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://cdxtjz.cn/article/jogoog.html">http://cdxtjz.cn/article/jogoog.html</a>
        </div>
    </div>
    <div class="other">
        <h3>其他资讯</h3>
        <ul>
            <li>
                    <a href="/article/doijisg.html">智能聊天海外 海外chr</a>
                </li><li>
                    <a href="/article/doijies.html">linux删除命令行后 linux命令删除文件还能找到吗</a>
                </li><li>
                    <a href="/article/doijisj.html">linuxw命令详解 linux命令wc</a>
                </li><li>
                    <a href="/article/doijish.html">php随机生成数据 php随机输出</a>
                </li><li>
                    <a href="/article/doijiee.html">vbnet窗口 vbnet窗口特效</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://chengdu.kswjz.com/weixin/" title="微信营销" target="_blank">微信营销</a>   <a href="http://www.scyanting.com/" title="四川盐亭做网站" target="_blank">四川盐亭做网站</a>   <a href="http://www.hongyifilm.cn/" title="鸿艺文化传播" target="_blank">鸿艺文化传播</a>   <a href="https://www.cdcxhl.com/gaiban/chengdu.html" title="成都网站改版公司" target="_blank">成都网站改版公司</a>   <a href="http://www.cdxwcx.cn/tuoguan/leshan.html" title="乐山主机托管" target="_blank">乐山主机托管</a>   <a href="http://www.cxhlcq.com/app/" title="重庆app软件开发" target="_blank">重庆app软件开发</a>   <a href="http://www.scjzmc.cn/" title="四川晃众门窗" target="_blank">四川晃众门窗</a>   <a href="http://www.ybtvhd.com/" title="新型地坪材料" target="_blank">新型地坪材料</a>   <a href="http://www.scsantai.cn/" title="三台网站建设" target="_blank">三台网站建设</a>   <a href="https://www.cdxwcx.com/wangzhan/shop.html" title="电商网店" target="_blank">电商网店</a>     
    </div>
  </div>
  <div class="copy"> © Copyright 2023 <a href="http://www.cdxtjz.cn/">小谭建站工作室</a>All Rights Reserved.  <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">蜀ICP备2021004003号-2</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.cdxwcx.com target=" _blank"="">定制网站建设</a>  <a href="sitemap.xml" target="_blank">xml</a> <a href="sitemap.html" 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>