table复选框全选功能

原创 2016年08月31日 11:08:49
$('table th input:checkbox').on('click', function(){
				var that = this;
				$(this).closest('table').find('tr > td:first-child input:checkbox')
				.each(function(){
					this.checked = that.checked;
					$(this).closest('tr').toggleClass('selected');
				});
					
			});

                

table表格的checkbox的全选和选中

表格 --> --> --> 列表 ...
  • NotBad_
  • NotBad_
  • 2016年12月22日 14:26
  • 2191

layui结合form,table的全选、反选v1.0

layui结合form,table的全选、反选v1.0
  • zy1281539626
  • zy1281539626
  • 2017年05月17日 16:59
  • 3532

Bootstrap中表格内的checkbox复选框全选

效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: [html] view plain copy ...
  • huanghanqian
  • huanghanqian
  • 2016年10月26日 19:45
  • 5049

jsp页面中实现复选框全选和反选、选中删除功能

jsp中表单页面 /DelectServlet" method=post> 全选/反选 ...
  • u012777182
  • u012777182
  • 2014年06月25日 10:37
  • 5348

Bootstrap之表格checkbox复选框全选

Bootstrap中表格的复选框全选
  • shangmingchao
  • shangmingchao
  • 2015年11月10日 16:23
  • 57858

Bootstrap实现表格复选框全选

最近在做一个后台页面,全部使用的Bootstrap,在此记录一下全选单选的做法。 效果图: 主要代码如下(正常表格布局): $(function(){               fu...
  • nosayno
  • nosayno
  • 2016年04月06日 11:58
  • 927

jquery实现复选框的全选操作

最近做了个需求,需要实现列表复选框的全选/取消全选操作,由于之前对这块不是很了解,所以从网上查了一些资料,虽然有各种实现方法,但没找到直接可以套用的。自己琢磨了下,把功能实现,整理如下。 实现细节如...
  • mj158518
  • mj158518
  • 2016年07月20日 00:30
  • 3576

HTML之Table简约时尚CSS样式 + HTML中checkbox元素【全选】或【取消全选】、或得到选中个数全案例使用详解

先看看效果: 【未选择状态】 【选中状态】 【源代码】 PIAD-MS | IndexTop .main { padding:0; ...
  • FOR_CHINA2012
  • FOR_CHINA2012
  • 2013年07月12日 10:27
  • 2796

jQuery实现Checkbox全选功能

jQuery实现勾选CheckAll时选中某一类全部的checkbox;当这一类中的checkbox有一个没有被选中,则CheckAll就不应该被勾选;如果所有的checkbox被选中,则CheckA...
  • u012739535
  • u012739535
  • 2015年07月13日 22:35
  • 2266

js实现简单的checkbox全选和取消全选效果

js点击checkbox实现全选效果 function DoCheck() { var ch=document.getElementsByName("choose"); ...
  • sunwei3160
  • sunwei3160
  • 2014年08月12日 14:37
  • 16911
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:table复选框全选功能
举报原因:
原因补充:

(最多只允许输入30个字)