jQuery 实现表格与 ckeckbox 的全选、单选功能

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

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

jQuery 实现表格与 ckeckbox 的全选、单选功能

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

jQuery 实现表格与 ckeckbox 的全选、单选功能

jQuery代码,可以参考如下:

 jQuery 实现表格与 ckeckbox 的全选、单选功能

 

功能点 2.  表格无数据行时,隐藏下面两个铵钮,反之显示它们

jQuery 实现表格与 ckeckbox 的全选、单选功能

如下面代码示例:

jQuery 实现表格与 ckeckbox 的全选、单选功能

jQuery代码:

jQuery 实现表格与 ckeckbox 的全选、单选功能

转自:https://www.jb51.net/article/98151.htm