JQuery 分组复选框操作实例 - bind绑定事件 - www.
   
        #main{width:560px;margin:100px auto;padding:10px;background-color:gold;text-align:center;}           
        fieldset{width:500px;margin:10px;auto;}
        span{margin-left:10px;}
   
   
   
        //需求
        //1.分组复选框"客户管理"，选择时要全选和全清进行切换
        //2.当下面的所有子复选框都选择的时候,分组复选框"客户管理"要自动勾选,如果全部没选择的时候，要自动不勾选
        $(function () {
            //动态绑定方法，代码精简
            $("#gKhgl").bind("click", { "groupName": "khgl", "aa": "hhh" }, GroupCheck);
            $(":checkbox[name='khgl']").bind("click", { "groupName": "khgl", "groupID": "gKhgl" }, ChildCheck);

            $("#gRpt").bind("click", { "groupName": "rpt" }, GroupCheck);
            $(":checkbox[name='rpt']").bind("click", { "groupName": "rpt", "groupID": "gRpt" }, ChildCheck);
        });

        function GroupCheck(event) {
            //alert(event.data.aa);
            var $checks = $(":checkbox[name='" + event.data.groupName + "']");
            $checks.attr("checked", $(this).attr("checked"));
        }

        function ChildCheck(event) {
            var $checks = $(":checkbox[name='" + event.data.groupName + "']");
            var gChecked = false;
            $checks.each(function (index, item) {
                if (item.checked == true) {
                    gChecked = true;
                }
            });
            $("#"+event.data.groupID).attr("checked", gChecked);
        }