jQuery实现简单全选框

本文实例为大家分享了jQuery实现简单全选框的具体代码，供大家参考，具体内容如下

1.要求：

（1）实现全选框勾选时其他复选框全部选中，全选框取消勾选时其他 复选框全部取消选中
（2）当复选框有取消选中时，全选框也要取消勾选

2.HTML部分

  
学生信息表
  

  

   

   全选
   
   
学号
   
姓名
   
性别
   
年龄
   
学分
  
  

   

   
   
   
1001
   
小米
   
男
   
23
   
100
  
  

   

   
   
   
1002
   
小栋
   
男
   
23
   
50
  
  

   

   
   
   
1002
   
小栋
   
男
   
23
   
50
  
  

3.css部分

  *{
  margin: 0;
  padding: 0;
  }
  table,tr,td,th{
  border: 1px solid black;
  }
  #table{
  border-collapse: collapse;
  border-spacing: none;
  width: 50%;
  margin: 0 auto;
  text-align: center;
  }
  tr{
  height: 40px;
  }

4.jQuery部分

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。