一个checkbox 用jquery实现全选、全不选

之前因为一个很小的错误弄了很久，现在才做好。

效果图：

肯定还有更简单的方法。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Checkbox.aspx.cs" Inherits="WebApp.Test.Checkbox" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../Scripts/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            jQueryCheckAll();
        })
        function jQueryCheckAll() {
            var checkAll = $('#checkedAll');
            var items = $(':checkbox[name=item]');
           
            checkAll.click(function () {
                if ($(this).attr('checked')) {
                    items.each(function () {
                        $(this).attr('checked', true);
                    })                  
                }
                else {
                    items.each(function () {
                        $(this).attr('checked', false);
                    })
                }
                items.click(function () {
                    checkAll.attr("checked", items.length == $(':checkbox[name=item]:checked').length ? true : false);
                });
            })      
        }      
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            你爱好的运动是？
            <input type="checkbox" id="checkedAll"/>全选/全不选<br/>
            <input type="checkbox" name="item" value="足球" />足球
            <input type="checkbox" name="item" value="篮球" />篮球
            <input type="checkbox" name="item" value="羽毛球" />羽毛球
            <input type="checkbox" name="item" value="乒乓球" />乒乓球
        </div>
    </form>
</body>
</html>