表格与ckeckbox的全选与单选

先看看下面的效果:

 

用户点击头的checkbox时,所有表格数据行的checkbox全选或反选。

当数据行某一行没有选中时,头checkbox去选。当所有数据行的checkbox全选时,头的checkbox也选上。

html代码示例,关注高亮部分即可:


jQuery代码,可以参考如下:

 


posted @ 2016-11-24 09:30  Insus.NET  阅读(489)  评论(0编辑  收藏  举报