重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

如何使用纯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实现选择框的全选与反选功能-创新互联
转载源于:http://cqcxhl.com/article/pcdjj.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP