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

站长资源 2024/11/29 佚名

2 0 1

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

先看看下面的效果：

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

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

html代码示例，关注高亮部分即可：

jQuery代码，可以参考如下：

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

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

jQuery代码：

看看效果：

checkbox,全选与单选

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“jQuery实现表格与ckeckbox的全选与单选功能”

暂无评论...

www.wwsws.com 伏龙阁资源网

39,976影音资源

44,792技术资源

21,817软件资源

651,128站长资源

2024年11月29日