JQuery 实现全选

1.第一步,引用js文件


2.第二步,准备checkBox代码

JQuery 实现全选_第1张图片
checkBox

3.第三步,准备javascript代码

    (1).控制全选,全不选事件

JQuery 实现全选_第2张图片
change()

  (2).单个checkBox事件

JQuery 实现全选_第3张图片
other()

  (3).判断是否全选,若子checkbox全部选中,则全选的checkbox选中;若子checkbox只要有一个没有选中,则全选的checkbox不选中。(稍微有些啰嗦0.0·)

JQuery 实现全选_第4张图片
checkAll()

4.以上,全部完成,试试看!

你可能感兴趣的:(JQuery 实现全选)