javascript实现checkbox全选的代码

2019-12-18,,,

代码:

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

您可能感兴趣的文章:

  • JQuery限制复选框checkbox可选中个数的方法
  • js限制checkbox选中个数以限制六个为例
  • 动态获取复选框checkbox选中个数的jquery代码
  • 用 Javascript 验证表单(form)中多选框(checkbox)值
  • javascript使用avalon绑定实现checkbox全选
  • JavaScript获取和设置CheckBox状态的简单方法
  • Javascript实现CheckBox的全选与取消全选的代码
  • javaScript checkbox 全选/反选及批量删除
  • javascript 设置某DIV区域内的checkbox复选框
  • JavaScript判断表单中多选框checkbox选中个数的方法

《javascript实现checkbox全选的代码.doc》

下载本文的Word格式文档,以方便收藏与打印。