使用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="