jquery实现checkbox全选功能
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="js/jquery3.6.0.js"></script></head><body><table>，<thea
·
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery3.6.0.js"></script>
</head>
<body>
<table>
，<thead>
<tr>
<th><input type="checkbox"></th>
<th>姓名</th>
<th>年龄</th>
<th>爱好</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox"></td>
<td>诸葛亮</td>
<td>80</td>
<td>喂猪</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>刘备</td>
<td>62</td>
<td>入洞房</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>吕布</td>
<td>38</td>
<td>杀人</td>
</tr>
</tbody>
</table>
<script>
$('thread input').change(function(){
var isChecked=$(this).prop("checked")
$('tbody input').prop("checked",isChecked);
})
$('tbody input').change(function(){
var allCount= $('tbody input').length;
var checkCount=$('tbody input:checked').length;
var isAllChecked=allCount===checkCount;
$('thead input').prop('check',isAllChecked);
})
</script>
</body>
</html>
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献8条内容
所有评论(0)