当前位置：首页 > 资讯 > 技术文档

javascript实现checkbox全选的代码

时间：2022-08-29 09:59 编辑：来源：阅读：
扫一扫，手机访问

摘要：javascript实现checkbox全选的代码

代码：

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 ;
      }
    }
  }
}

使用方法①

[u]复制代码[/u] 代码如下:

注意：'goods'是所有需要选中的checkbox的name 使用方法②

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

注意：'goods'是所有需要选中的checkbox的name 以上2种方法就是本文给大家总结的全部内容了，希望大家能够喜欢，如有更好的方法，也请小伙伴们告之，本文持续更新。

全部评论(0)

上一篇：alert中断settimeout计时功能
下一篇：微信小程序 swiper制作tab切换实现附源码

资讯排行榜
更多>>