低版本设置checkbox的bug

最新推荐文章于 2021-10-26 15:04:54 发布

nayi_224

最新推荐文章于 2021-10-26 15:04:54 发布

阅读量124

点赞数

分类专栏：问题记录文章标签： js 问题记录

本文链接：https://blog.csdn.net/nayi_224/article/details/88853166

版权

问题记录专栏收录该内容

14 篇文章 0 订阅

订阅专栏

偶然在一个使用jQuery1.1的项目中遇到了这个问题（都9102年了，还有用1.1的…），记录一下。

大概就是这样的一个代码，在点击第二次之后，选中状态无法正常改变。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!---->
		<script src="https://cdn.bootcss.com/jquery/1.11.0-beta3/jquery.min.js"></script>
		
		<!--
		<script src="https://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
		 -->
		<!--
		<script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></script>
		
		<script src="https://cdn.bootcss.com/jquery/1.4.4/jquery.min.js"></script>
		 -->
		<!--
		<script src="jquery-1.4.4.min.js"></script>
		-->
	</head>
	<body>js
		<input id="ipt" type="checkbox">
		<a onclick="aaa()">click to change checked</a>
	</body>
	<script type="text/javascript">
		var flag = 1
		function aaa(){
			var isSelectAll = (flag++ % 2) == 1;
			jQuery("#ipt").attr("checked", isSelectAll);
		}
	</script>
</html>

在某些低版本中不好使，高版本中倒是没什么问题。
在我测试过的版本中1.1,2.0都有bug，1.4.4,3.3中没问题。

解决方法

改用prop方法

jQuery("#ipt").prop("checked", isSelectAll);

顺带一提，我当时用的是原生方法…

jQuery("#ipt")[0].checked = isSelectAll;

网上查阅一番后，发现还有一些属性也存在这样的问题。
autofocus, autoplay, async, checked, controls, defer, disabled, hidden, loop, multiple, open, readonly, required, scoped, selected
好像一个都没遇到过。。记录一下吧。