写这个博客的原因:我在做一个全选框的时候,出现一个非常奇妙的问题。全选框只能 点击两次 有效,其他的时候,没有效果

请看下图:

点击全选:(第一次)

 点击全选:(第二次)

 点击全选:(第三次)

检查 源代码发现:其实 子 复选框是已经设置了 checked 的,只是页面没起效果

刚开始 的 后台代码如下:

解决办法:

将 attr 改成  prop:问题成功解决

function clickWholeCheck(){
		if($("#ruleDetailTableFather").is(':checked')){ //勾上 全选框
			$(".checkField").prop("checked",true);  
		  }
		else { 
			$(".checkField").prop("checked",false);  
		
		  }
	}

 

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐