jQuery实现表格行点击选中复选框

这个需求是在项目完成后客户提出的要求,看似简单但是还需要一点小手脚

 $(".list tr").slice(1).each(function(){
		var p = this;
		$(this).children().slice(1).click(function(){
			$($(p).children()[0]).children().each(function(){
				if(this.type=="checkbox"){
					if(!this.checked){
						this.checked = true;
					}else{
						this.checked = false;
					}
				}
			});
		});
	});

只要table 的 class="list" ,就能实现该功能


$(".list tr").slice(1).each 意思是不要对表列头添加事件

$(this).children()..slice(1)是核心 主要为了过滤掉复选框所在的td的点击,否则在点复选框时将会起冲突