下面是实现复选框反选的实例;如果是单选框,只需要将if(this.type=="checkbox")改为if(this.type=="radio")即可
$(".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的点击,否则在点复选框时将会起冲突