使用JQuery实现全选、反选、添加和删除功能

练习要求：

1.班级 姓名 薪水 就业单位  是否转正
2.全选，取消全选，反选
3.实现删除功能：删除一行或多行
4.实现添加功能。添加一行。

   
    
   
   


 

        全选             type="checkbox" />反选

   
       
           
           
           
           
           
           
       
       
           
           
           
           
           
           
       
       
           
           
           
           
           
           
       
       
           
           
           
           
           
           
       
       
           
           
           
           
           
           
       
       
           
           
           
           
           
           
       
       
           
           
           
           
           
           
       
   

操作	班级	姓名	薪水	就业单位	是否转正
	001	齐志超	4000	河软CSDN	否
	002	刘晓飞	5000	大河软	否
	003	张东	3333	保定学院	是
	004	小康	6677	谷歌	否
	005	小昂	2850	百度	是
	006	王瑞	3990	IBM	否

   
   

班级:姓名:薪水:             id="Text3" type="text" />

   

就业单位:是否转正:

   

运行效果如下图：

当我点击全选按钮时，全选变为取消全选，同时下面的复选框全部选中；

下面我选中前三个，然后点击反选按钮，就是下一张图片的效果；

前三个复选框没有选中，后面的全部选中；

我点击删除按钮，刚才选中的全部删除了，就剩下了刚才没有选中的几个复选框及其内容；

然后再在下面的文本框内添加相应的内容，效果如图；