jquery 实现checkbox全选功能,全不选功能.

本人菜鸟,求这句Jquery语句的详解: $(".checkAll").live("click", function () { $(":checkb...

2011-12-2 14:53

提问者: suizhikuo | 浏览次数:77次

本人菜鸟,求这句Jquery语句的详解: $(".checkAll").live("click", function () {
        $(":checkbox", $(this).parentsUntil("table")).attr("checked", $(this).attr("checked"));
    })

处理提问

问题给更多人看到:

选择满意回答补充问题提高悬赏转发问题

提高悬赏:提高悬赏以提高问题的关注度

当您单次追加悬赏不低于20分时,该问题将重新出现在所属分类的问题列表上方,提高被回答者看到的几率。悬赏分最高上限为200。

追加悬赏5101520304050分

确定取消

请点击下面回答中的"选为满意回答"按钮,确定满意回答。谢谢!

检举 | 2011-12-2 15:06

满意回答

检举 | 2011-12-2 15:06

热心网友

$(".checkAll")表示所有样式(class)为checkAll的元素
.live("click", function () 表示给元素绑定一个点击响应,绑定方式是live(对动态增加的内容也有效,如页面原本没有样式为checkAll的元素,之后通过js增加了这个元素)
  $(":checkbox", $(this).parentsUntil("table"))表示从当前元素的父节点(当前元素所在的table)中找到所有的checkbox元素
attr("checked", $(this).attr("checked"));表示把找到的元素(checkbox)的选中状态设置为与自身(样式为checkAll的元素)设置为一致
其实就是实现全选的功能。
原文地址:https://www.cnblogs.com/suizhikuo/p/2376717.html