jQuery学习笔记——表格全选反选功能实例

效果:

  1.  点击最上面的全选按钮,下面4个checkbox被选中
  2.  下面四个按钮都选了则上面的全选按钮自动选上,下面只有一个没选,全选按钮都不选

 

jQuery学习笔记——表格全选反选功能实例_第1张图片

 

代码:




    
    
    表格全选反选
    
    
    


    
姓名 学校
果冻 广中医
晓晴 广工
玲子 广工
侨鑫 航海

知识点&技巧:

1. jQuery1.6之后,对于checked、selected、disabled这类boolean类型的属性

                     不能用attr()方法获取,只能用prop()

                     $('#j_cbAll').prop('checked',true);

 

2. 判断下面四个多选框是否都选中了

    可以获取多选框的数目,再获取筛选出checked的多选框的数目

    当两者相等时,全选框选中

 

 

 

你可能感兴趣的:(JQuery)