<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
<script>
$(function(){
$("#cb1").click(function(){
// 1. $("tbody input").attr("checked",this.checked);
// 2.
$("tbody input").prop("checked",this.checked);
});
});
</script>
</head>
<body>
<table border="1px"style="margin: auto;">
<tr>
<th>
<input type="checkbox" id="cb1"/>
</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>
使用jQuery完成复选框的全选和全不选
猜你喜欢
转载自blog.csdn.net/qq_41566772/article/details/83589103
今日推荐
周排行