博主辛苦了，我要打赏银两给博主，犒劳犒劳站长。
【摘要】在很多应用场景下面我们是需要使用 checkbox 来实现全选、全不选的功能的，其实在 jQuery 代码中，这是非常容易实现的，本文讲讲如何使用 jQuery 来快速实现这一功能。
首先当然需要引入 jQuery 文件（版本不限）。完整的代码如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="/public/blog/home/style/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
function checkAll(obj){ $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked'));}
</script>
</head>
<body>
<div id="box">
<form>
<input type="checkbox" onclick="checkAll(this)">全选<br><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
</form>
</div>
</body>
</html>
本文通过很少的代码就可实现 checkbox 的全选和全不选。
版权归 马富天个人博客 所有
本文标题：《使用 jQuery 实现 checkbox 全选、全不选》
本文链接地址：http://www.mafutian.com/260.html
转载请务必注明出处，小生将不胜感激，谢谢! 喜欢本文或觉得本文对您有帮助，请分享给您的朋友 ^_^
顶0
踩0
| 评论审核未开启 |
|
||
|