jQuery实现表格与ckeckbox的全选与单选功能
更新时间:2016年11月24日 10:21:31 投稿:mrr
先给大家介绍下jQuery实现表格与ckeckbox的全选与单选功能,以及通过js实现隐藏与显示铵钮功能的实例代码,需要的朋友参考下吧
先给大家介绍下jQuery实现表格与ckeckbox的全选与单选功能。
先看看下面的效果:

用户点击头的checkbox时,所有表格数据行的checkbox全选或反选。
当数据行某一行没有选中时,头checkbox去选。当所有数据行的checkbox全选时,头的checkbox也选上。
html代码示例,关注高亮部分即可:

jQuery代码,可以参考如下:

PS:js实现隐藏与显示铵钮功能
表格无数据行时,隐藏下面两个铵钮,反之显示它们,如下面代码示例:

jQuery代码:
看看效果:
相关文章
jQuery 1.3 和 Validation 验证插件1.5.1
jQuery 1.3已经新鲜出炉了,你可以通过jQuery 的官方博客查看相关细节。jQuery三岁了!2009-07-07
Easyui Datagrid自定义按钮列(最后面的操作列)
做项目的时候因为需求,要在表格的最后添加一列操作列,easyUI貌似没有提供这种功能,下面我们来自定义按钮列,具体实现代码,大家参考下本文吧2017-07-07
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
这篇文章主要介绍了使用jquery animate创建平滑滚动效果,效果可以滚动到顶部、到底部或页面中指定地方,生要的是非常平滑,很舒服,需要的朋友可以参考下2014-05-05
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
基于jQuery的input输入框下拉提示层,方便用户输入邮箱时的提示信息,需要的朋友可以参考下2012-06-06




最新评论