$(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按钮联动,

posted on 2013-01-07 17:37  .NET每天一小步  阅读(190)  评论(0)    收藏  举报