check标签-------全选、不选、反选-CSDN博客

本文链接：https://blog.csdn.net/RanAzhe/article/details/67694842

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>全选不选反选</title>
<script>
window.οnlοad=function()
{//先从html文档中获取oDiv元素；再从oDiv元素中获取input
    var oBtn1=document.getElementById('btn1');
    var oBtn2=document.getElementById('btn2');
    var oBtn3=document.getElementById('btn3');
    var oDiv=document.getElementById('div1');
    var aCh=oDiv.getElementsByTagName('input');//getElementsByTagName容易写错
  oBtn1.οnclick=function()
    {//让事件等于函数，来调用函数
      for(var i=0;i<aCh.length;i++)
      {//当上面条件成立的时候，下面语句会一直执行，直到条件不成立为止
        aCh[i].checked=true;
      };
    };
  oBtn2.οnclick=function()
    {//当上面条件成立的时候，下面语句会一直执行，直到条件不成立为止
      for(var i=0;i<aCh.length;i++)
      {
        aCh[i].checked=false;
      };
    };
  oBtn3.οnclick=function()
  {
    for(var i=0;i<aCh.length;i++)
    {//如果这个复选框它原来是选中的我就把它变成没选；如果它原来是没选我就把它选中
      if(aCh[i].checked==true)//变量的名字第二个字母是大写！还有双等号容易写错
      {
        aCh[i].checked=false;
      }
      else
      {
        aCh[i].checked=true;
      }
    }
  };
};
</script>
</head>
<body>
<input id="btn1" type="button" value="全选" />
<input id="btn2" type="button" value="不选" />
<input id="btn3" type="button" value="反选" />
<div id="div1">
  <input type="checkbox" /><br />
  <input type="checkbox" /><br />
  <input type="checkbox" /><br />
  <input type="checkbox" /><br />
  <input type="checkbox" /><br />
  <input type="checkbox" /><br />
  <input type="checkbox" /><br />
  <input type="checkbox" /><br />
</div>
</body>
</html>