CheckBox联动

$(function() {
     $(".chkAll").click(function() {
          //判断此按钮是否被选中，选中返回true，无选中返回false
            var vFlgs = $(this).is(":checked");
            $("#ulAreas input[name=chkAreas]").attr("checked", vFlgs);
     });
});
$("#ulAreas input[name=chkAreas]").click(function() {
//获取所有元素的个数
            var vAllLength = $("#ulAreas input[name=chkAreas]").length;
            //判断选中的个数是否与所有元素的个数相等,相等返回true,不相等返回false
            var vTemp = vAllLength == $(this).filter(":checked").length;
            //按钮再根据true与false来选中
            $(".chkAll").attr("checked", vTemp);
});

效果图：CheckBox按钮联动，