这篇博客介绍了一个使用jQuery实现的checkbox全选和取消全选的功能。通过设定相同name的checkbox并监听change事件，当全选checkbox被选中时，所有相同name的checkbox会被选中；反之，如果某个checkbox被取消，全选checkbox也将取消选中。提供了一个完整的HTML代码示例以供测试和理解。
使用jquery实现的一个checkbox一键全选小Demo，能够一键全选，也能够一键取消全选（都选中的情况下才能一键取消全选），如果全选状态下某个checkbox取消勾选，一键全选checkbox也会被取消。个人感觉这个小Demo通用性很好。
先附上我的小Demo代码（为了方便测试查看效果，我直接将整个html文档代码copy过来了）：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<title>Document</title>
</head>
<body>
<ul id="check-list">
<li>
<input type="checkbox" name="checkbox-item">Item1
</li>
<li>
<input type="
最低0.47元/天 解锁文章
617
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
