原生JavaScript实现checkbox全选与全不选

Posted William Shaw技术博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生JavaScript实现checkbox全选与全不选相关的知识,希望对你有一定的参考价值。

function checkAll() {
  var selectall = document.getElementById("selectall");
  var allbox = document.getElementsByName("allbox");
  if (selectall.checked) {
    for (var i = 0; i < allbox.length; i++) {
      allbox[i].checked = true;
    }
  } else {
    for (var i = 0; i < allbox.length; i++) {
      allbox[i].checked = false;
    }
  }
}

 

以上是关于原生JavaScript实现checkbox全选与全不选的主要内容,如果未能解决你的问题,请参考以下文章

jqury简易实现checkbox反选与全选

jquery中checkbox的全选与反选

checkbox 的全选与全不选

关于checkbox全选与反选的问题

Element-ui中tree树形控件全选与取消全选的功能实现

jquery控制checkbox全选与全不选