全选和全不选
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>全选和全不选</title>
<script src="js/jquery-3.4.1.min.js"></script>
<script>
function selectAll(obj){
$(".itemSelect").prop("checked",obj.checked);
}
</script>
</head>
<body>
<table border="1px solid black" height="200px" width="500px" align="center">
<tr>
<td><input type="checkbox" onclick="selectAll(this)"> </td>
<th>表头</th>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td><input type="checkbox" class="itemSelect"> </td>
<td>数据</td>
<td>数据</td>
<td>数据</td>
</tr>
<tr>
<td><input type="checkbox" class="itemSelect"> </td>
<td>数据</td>
<td>数据</td>
<td>数据</td>
</tr>
<tr>
<td><input type="checkbox"class="itemSelect"> </td>
<td>数据</td>
<td>数据</td>
<td>数据</td>
</tr>
<tr>
<td><input type="checkbox" class="itemSelect"> </td>
<td>数据</td>
<td>数据</td>
<td>数据</td>
</tr>
</table>
</body>
</html>