<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function checkAll(){
var cb = document.getElementById("cb1");
if(cb.checked==true){
var checkbox1 = document.getElementsByName("checkbox1");
for(var i=0;i<checkbox1.length;i++){
checkbox1[i].checked=true;
}
}else{
var checkbox1 = document.getElementsByName("checkbox1");
for(var i=0;i<checkbox1.length;i++){
checkbox1[i].checked=false;
}
}
}
</script>
</head>
<body>
<table border="1px"style="margin: auto;">
<tr>
<th>
<input type="checkbox" id="cb1" onclick="checkAll()"/>
</th>
<th>id</th>
<th>name</th>
<th>age</th>
</tr>
<tr>
<td>
<input type="checkbox" name="checkbox1"/>
</td>
<td>1</td>
<td>tom</td>
<td>21</td>
</tr>
<tr>
<td>
<input type="checkbox" name="checkbox1"/>
</td>
<td>2</td>
<td>jack</td>
<td>22</td>
</tr>
<tr>
<td>
<input type="checkbox" name="checkbox1"/>
</td>
<td>3</td>
<td>lucy</td>
<td>23</td>
</tr>
</table>
</body>
</html>