会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132360个问题
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 361楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 363楼
JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 365楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 368楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 369楼

老师,请问为什么新增的行取消勾选后,全选项无法自动取消勾选?我自己写的和老师的案例也是这样,请问是哪里有问题?

$(function(){
	/*************全选***********************/
	$("#chks").click(function(){
		var flag = $("#chks").prop("checked");
		$("input[name='chk']").prop("checked",flag);
	})
	/*************判断是否全选*****************/
	$("input[name='chk']").click(function(){
		var flag = true;
		
		var ck = $("input[name='chk']");
		
		ck.each(function(){
			if(!$(this).prop("checked")){
				flag = false;
			}
		})
		$("#chks").prop("checked",flag);
	})
	/************反选*******************/
	$("#fx").click(function(){
		var chk = $("input[name='chk']");
		
		chk.each(function(){
			var flag = $(this).prop("checked");
			$(this).prop("checked",!flag);
			
		})
		flag1 = true;
		chk.each(function(){
			if(!$(this).prop("checked")){
				flag1 = false;
			}
		})
		$("#chks").prop("checked",flag1);
	})
	
	/************新增一行*********************/
	$("#addRow").click(function(){
		var tb = $("#ta");
		tb.append('<tr id="">'+
				'<td><input type="checkbox" name="chk" id="" value="2"/></td>'+
				'<td>《Java编程之道》</td>'+
				'<td>wollo</td>'+
				'<td>10</td>'+
			'</tr>')
	})
	
	/************删除行**********************/
	$("#delRow").click(function(){
		var ck = $("input[name=chk]:checked");
		if(ck.length==0){
			alert("请至少选择一行");
		}else{
			ck.parent().parent().remove();
		}
	})
	
	
	
	/***************复制行********************/
	$("#copyRow").click(function(){
		var ck = $("input[name='chk']:checked");
		var tb = $("#ta");
		if(ck.length==0){
			alert("请选择至少一行");
		}else{
			tb.append(ck.parent().parent().clone());
		}
		
	})
	
})


JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 370楼
JAVA 全系列/第四阶段:网页编程和设计/CSS3(旧) 371楼
JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 372楼
JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 373楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 375楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637