列表页复选框全选效果

        $(function () {
            //全选按钮单击事件
            $("#cbkAll").live("click", function () {
                $(".id").attr("checked", $(this).is(':checked'));
            });

            //单个复选框单击事件
            $(".id").live("click", function () {
                var amount = $(".id:checked").length;
                var totalAmount = $(".id").length;
                if (amount != totalAmount) {
                    $("#cbkAll").attr("checked", false);
                }
                else {
                    $("#cbkAll").attr("checked", true);
                }
            });
        });

 

posted @ 2015-04-17 09:25  屌丝大叔的笔记  阅读(322)  评论(0编辑  收藏  举报