成都创新互联网站制作重庆分公司

如何使用纯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://cxhlcq.com/article/pcdjj.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部