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.autocomplete 支持中文输入(firefox)修正方法
jQuery.autocomplete 是jquery的流行插件,,能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能,支持ajax数据加载。2011-03-03
最新评论