console
var checkAll=document.querySelector('#checkAll');
var cks=document.querySelectorAll('.ck');
checkAll.onclick=function(){
for(var i=0;i<cks.length;i++){
cks[i].checked=this.checked;
}
}
for(var i=0;i<cks.length;i++){
cks[i].onclick=function(){
var flag=true;
for(var i=0;i<cks.length;i++){
if(!cks[i].checked){
flag=false;
break;
}
}
checkAll.checked=flag;
}
}
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr>
<th class="allCheck">
<input type="checkbox" name="" id="checkAll"> <span class="all">全选</span>
</th>
</tr>
<tr>
<td>
<input type="checkbox" name="check" class="ck">
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="check" class="ck">
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="check" class="ck">
</td>
</tr>
</table>
</body>
</html>