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使用EasyUi实现三级联动下拉框效果

    jQuery使用EasyUi实现三级联动下拉框效果

    本篇文章主要介绍了jQuery使用EasyUi实现三级联动效果,实例使用EasyUi实现三级联动技巧,非常具有实用价值,需要的朋友可以参考下。
    2017-03-03
  • jQuery pagination分页示例详解

    jQuery pagination分页示例详解

    这篇文章主要为大家详细介绍了jQuery pagination分页示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • jQuery.autocomplete 支持中文输入(firefox)修正方法

    jQuery.autocomplete 支持中文输入(firefox)修正方法

    jQuery.autocomplete 是jquery的流行插件,,能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能,支持ajax数据加载。
    2011-03-03
  • jQuery中live方法的重复绑定说明

    jQuery中live方法的重复绑定说明

    使用jQuery的live()方法绑定事件,有时会出现重复绑定的情况,如,当点击一个按钮时,此按钮所绑定的事件会并执行n遍
    2011-10-10
  • JQuery实现自定义滚动条的方法

    JQuery实现自定义滚动条的方法

    这篇文章主要给大家介绍了关于JQuery实现自定义滚动条的方法,通过本文的介绍你可以换掉千篇一律的默认滚动条,让你的网站或web项目更具特色,文章通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • 举例讲解jQuery中可见性过滤选择器的使用

    举例讲解jQuery中可见性过滤选择器的使用

    这篇文章主要介绍了jQuery中可见性过滤选择器的使用,文中分为不可见性选择器和可见性选择器来分别举例讲解,需要的朋友可以参考下
    2016-04-04
  • jQuery简单设置文本框回车事件的方法

    jQuery简单设置文本框回车事件的方法

    这篇文章主要介绍了jQuery简单设置文本框回车事件的方法,涉及jQuery简单事件绑定与响应操作相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • jQuery setTimeout()函数使用方法

    jQuery setTimeout()函数使用方法

    setTimeout在以前的js中是定时执行一个对象或函数,下面我来介绍jquery中的setTimeout函数使用方法有需要了解的朋友仔细的参考参考
    2013-04-04
  • jQuery.parseJSON()函数详解

    jQuery.parseJSON()函数详解

    今天小编就为大家分享一篇关于jQuery.parseJSON()函数详解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-02-02
  • JQuery onload、ready概念介绍及使用方法

    JQuery onload、ready概念介绍及使用方法

    页面加载完成有两种事件,一是ready,表示文档结构已经加载完成,onload,ready概念容易混淆,下面为大家详细介绍下
    2013-04-04

最新评论