JQuery实现checkbox的全选/取消全选,实现类似于邮箱功能

本人初学JQuery。写了一个实现checkbox的全选/取消全选,实现类似于163邮箱功能。

以下是代码,测试全部通过,请勿喷

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="Script/jquery-1.7.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#SelectAll").click(function () {         //全选/取消全选
                $(":checkbox").attr("checked", this.checked);
            });
            $(":checkbox").click(function () {          //当选中某个子复选框时,SelectAll取消选中
                if (!this.checked) {
                    $("#SelectAll").attr("checked", false);
                }
            });
            $(":checkbox").click(function () {
                var chsub = $("input[name='subcheck']").length; //获取subcheck的个数
                var checkedsub = $("input[name='subcheck']:checked").length; //获取选中的subcheck的个数
                if (checkedsub == chsub) {
                    $("#SelectAll").attr("checked", true);
                }
            });
        });
    </script>
</head>
<body>
<input type="checkbox" value="全选" id="SelectAll" />全选/取消全选<br /><br />
<input type="checkbox" value="苹果" name="subcheck"  />苹果<br />
<input type="checkbox" value="雪梨" name="subcheck" />雪梨<br />
<input type="checkbox" value="荔枝" name="subcheck" />荔枝<br />
<input type="checkbox" value="樱桃"name="subcheck" />樱桃

</body>
</html>
原文地址:https://www.cnblogs.com/youmeng/p/2817493.html