四川盐亭网站制作公司

如何使用纯javascript实现选择框的全选与反选功能-创新互联

这篇文章将为大家详细讲解有关如何使用纯javascript实现选择框的全选与反选功能，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联主要从事成都网站制作、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务东营,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

HTML部分


      

      

      

      

      

      

      

      

      

      

      
   
   选择全部 一键上路

js部分

var oinput = document.getElementById('all');
    // var oinput_s = document.getElementsByTagName('input');
     var oinput_s = document.querySelectorAll('#wrap_input_box>input');
    // console.log(oinput_s[6]);
    // 先设置点击全选按钮后 实现所有的选择标签显示选择   取消点击后 取消所有标签选择
    oinput.onclick = function(){
      if (this.checked){
        for (var i =0;i
关于“如何使用纯javascript实现选择框的全选与反选功能”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
                

                当前标题：如何使用纯javascript实现选择框的全选与反选功能-创新互联                

                URL标题：http://scyanting.com/article/pcdjj.html

其他资讯