jQuery 全选与反选时出现的bug！

最新推荐文章于 2021-05-11 19:39:41 发布

置顶 J2eeFans

最新推荐文章于 2021-05-11 19:39:41 发布

阅读量1.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： WEB 文章标签： jquery 框架 bug javascript

本文链接：https://blog.youkuaiyun.com/jinlong0/article/details/29395443

WEB 专栏收录该内容

22 篇文章

订阅专栏

作者在使用jQuery 1.10.2版本时遇到了设置checkbox的checked属性的问题，只有第一次操作正常，后续出现问题。经过测试，该问题在1.11.1版本中仍然存在。最终确定使用prop方法而非attr方法解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在写项目，使用jQuery1.10.2 发现一个小小的bug， 在设置checked属性时，前两次反选的时候是正常的，后面均不正确，通过调试，
准确的说应该是只有第一次是正确的，在第二次单击时，事件快完成的时候的运行的流程有点奇怪。所以自己感觉这么
成熟的框架不应该出现这个问题，于是又将1.11.1版本下载下来，也是jQuery1的最新版本测试，同样末果，问题依
然存在，使用标准的document.getElementById， 直接设置值是没有问题的。

我本人根据测试，应该是jQuery的一个bug，不知道是不是我的代码有问题。
 
代码如下：请高手请指教，非常感谢！


function unSelect(id, name) {
	var ckBoxs = document.getElementsByName(name);
	var count = 0;
	for ( var i = 0; i < ckBoxs.length; i++) {
		if (ckBoxs[i].checked == true) {
			ckBoxs[i].checked = false;
		} else {
			ckBoxs[i].checked = true;
			count ++;
		}
	}
	
    /*
        jQuery1.10.2 一个小小的bug， 在设置checked属性时，前两次反选的时候是正常的，后面均不正确，通过调试，准确的说应该是只有第一次是正确的，在第二次单击时，事件快完成的时候的运行的流程有点奇怪。
        所以自己感觉这么成熟的框架不应该出现这个问题，于是又将1.11.1版本下载下来，也是jQuery1的最新版本测试，同样末果，问题依然存在，使用标准的document.getElementById， 直接设置值是没有问题的。
        希望这个问题能及时解决。谢谢。
    */
	if(count == ckBoxs.length) {
	    document.getElementById(id).checked = true;
		//$("#"+id).attr("checked", true);
	} else {
	    document.getElementById(id).checked = false;
		//$("#"+id).attr("checked", false);
	}
}


在论坛中求助得到正解，应该将attr改用prop方式，问题解决，可能是个人在attr和prop的理解上出了问题，也希望以后遇到此问题的朋友可以看到此贴。