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

前端之家收集整理的这篇文章主要介绍了jQuery实现表格与ckeckbox的全选与单选功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

先给大家介绍下jQuery实现表格与ckeckBox的全选与单选功能

先看看下面的效果

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

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

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

jQuery代码,可以参考如下:

PS:js实现隐藏与显示铵钮功能

表格无数据行时,隐藏下面两个铵钮,反之显示它们,如下面代码示例:

jQuery代码

看看效果

猜你在找的jQuery相关文章