jquery checkbox 全选反选第一二次有反应下来点击无效果

最新推荐文章于 2021-10-21 19:29:57 发布

AspNetSunny

最新推荐文章于 2021-10-21 19:29:57 发布

阅读量631

点赞数 1

分类专栏： jQuery 文章标签： checkbox jquery 全选反选

本文链接：https://blog.csdn.net/sunnywuxian/article/details/51076000

版权

jQuery 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

问题：第一二次有反应下来点击无效果

Old Code

function ChkSelAll(){
	var chk=document.getElementById("chkALL").checked;
	
	$("#table_data tbody input[type=checkbox]").each(function(){
		if(chk){
			$(this).attr("checked",chk);
		}
		else{
			$(this).removeAttr("checked");
		}         
	});  
}

New Code

//全选或全不选 
	$("#chkALL").click(function(){
	    var chk = $(this).prop("checked");
	    $("#table_data tbody input[type=checkbox]").each(function(){
			$(this).prop("checked",chk);    
		});  
	});

.prop()方法应该被用来处理boolean attributes/properties以及在html(比如：window.location)中不存在的properties。其他所有的attributes(在html中你看到的那些)可以而且应该继续使用.attr()方法来进行操作。

至于prop()和attr()函数的区别请查看

http://hxq0506.iteye.com/blog/1046334