javascript实现checkbox全选的代码

网络编程 2021-07-04 21:48www.168986.cn编程入门
本文给大家分享的是js实现checkbox的全选的代码,在网页制作中很常用的js代码,供大家学习参考。

代码

function checkall(checkNames){
  var allBoxs = document.getElementsByName(checkNames);
  for(var i = 0 ;i<allBoxs.length;i++){
    if(allBoxs[i].type == 'checkbox'){
      if(allBoxs[i].checked==false){
        allBoxs[i].checked = true ;
      }else{
        allBoxs[i].checked = false ;
      }
    }
  }
}

使用方法①

代码如下:

<a href="" onclick="checkall('goods')">全选</a>

注意'goods'是所有需要选中的checkbox的name

使用方法②

<a href="" id="checkAll">全选</a>
<script>
document.getElementById('checkAll').onclick = function () {
  checkall('goods')
};
</script>

注意'goods'是所有需要选中的checkbox的name

以上2种方法就是本文给大家的全部内容了,希望大家能够喜欢,如有更好的方法,也请小伙伴们告之,本文持续更新。

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by