javascript实现checkbox全选的代码

前端技术 2023/09/05 JavaScript

代码：

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种方法就是本文给大家总结的全部内容了，希望大家能够喜欢，如有更好的方法，也请小伙伴们告之，本文持续更新。

本文地址：https://www.stayed.cn/item/13533

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案