A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

<!DOCTYPE html>
<html><head>
<meta charset=" utf-8">
<title>Demo</title>
<script type="text/javascript">
window.onload=function(){
  var box=document.getElementById("box");
  var flag=document.getElementById("flag");
  var checkAll=document.getElementById("checkAll");
  checks=box.getElementsByTagName("input");
  checkAll.onclick=function(){
    if(this.checked){
      for(var i=0;i<checks.length;i++){
        checks[i].checked=true;
      }
      flag.innerHTML="取消";
    }else{
      for(var i=0;i<checks.length;i++){
        checks[i].checked = false;
      }
      flag.innerHTML="全选";
    }
  }
}
</script>
</head>
<body >
<ul id="box">
  <li><input type="checkbox">一</li>
  <li><input type="checkbox">二</li>
  <li><input type="checkbox">三</li>
  <li><input type="checkbox">四</li>
</ul>
<input type="checkbox" id="checkAll"><span id="flag">全选</span>
</body>
</html>

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马