先给大家介绍下jQuery实现表格与ckeckbox的全选与单选功能。 先看看下面的效果： [img]http://files.jb51.net/file_images/article/201611/20161124101555116.gif?20161024101616[/img] 用户点击头的checkbox时，所有表格数据行的checkbox全选或反选。 当数据行某一行没有选中时，头checkbox去选。当所有数据行的checkbox全选时，头的checkbox也选上。 html代码示例，关注高亮部分即可： [img]http://files.jb51.net/file_images/article/201611/20161124101708686.png?20161024101728[/img] jQuery代码，可以参考如下： [img]http://files.jb51.net/file_images/article/201611/20161124101747257.png?2016102410180[/img] [b]PS：js实现隐藏与显示铵钮功能[/b] 表格无数据行时，隐藏下面两个铵钮，反之显示它们，如下面代码示例： [img]http://files.jb51.net/file_images/article/201611/201611241018399.png[/img] jQuery代码： [url=http://files.jb51.net/file_images/article/201611/2016112410183910.png][img]http://files.jb51.net/file_images/article/201611/2016112410183910.png[/img] [/url] 看看效果： [url=http://files.jb51.net/file_images/article/201611/2016112410183911.gif][img]http://files.jb51.net/file_images/article/201611/2016112410183911.gif[/img] [/url]