迷离的夜空,灰黑色的天际悬着一轮金色的孤舟,载着满仓的梦想,驶向云层深处;凉风微微的吹袭着黑夜的素纱,掸掉岁月的风尘;融融的月光静静的流淌,冲断记忆的决堤;零星点点,柔柔的洒在树叶上,泛出浅浅的绿;如华的银色裹住一丝清凉,铺设一地的奢华。
先给大家介绍下jQuery实现表格与ckeckbox的全选与单选功能。
先看看下面的效果:
用户点击头的checkbox时,所有表格数据行的checkbox全选或反选。
当数据行某一行没有选中时,头checkbox去选。当所有数据行的checkbox全选时,头的checkbox也选上。
html代码示例,关注高亮部分即可:
jQuery代码,可以参考如下:
PS:js实现隐藏与显示铵钮功能
表格无数据行时,隐藏下面两个铵钮,反之显示它们,如下面代码示例:
jQuery代码:
看看效果:
以上就是jQuery实现表格与ckeckbox的全选与单选功能。科学上的许多重大突破,都是一点点细微的成绩积累起来的。更多关于jQuery实现表格与ckeckbox的全选与单选功能请关注haodaima.com其它相关文章!