低版本设置checkbox的bug

ゞ浴缸里的玫瑰 2021-09-28 09:14 300阅读 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>
    		
    		
    		
    		
    	</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`  
好像一个都没遇到过。。记录一下吧。

发表评论取消回复

表情：

评论列表（有 0 条评论，300人围观）

还没有评论，来说两句吧...

相关阅读

相关低代码bug修复

@Transactional(rollbackFor = Exception.class) @SneakyThrows @Overrid

女爷i/ 2024年03月22日 09:06/ 0 赞/ 93 阅读

相关浏览器版本过低处理

在这里插入代码片 <!--[if lte IE 9]> <div style='position:absolute; top: 50%; l

Dear 丶/ 2022年12月02日 13:47/ 0 赞/ 197 阅读

相关 Angularjs兼容低版本IE

注：AngularJS1.3已经不支持IE8（包括IE8）以下的浏览器。更多信息请查看 [我们的Blog][Blog] 。AngularJS 1.2将继续支持IE8，但核心团队

悠悠/ 2022年09月26日 02:41/ 0 赞/ 258 阅读

相关 NoSuchMethodError setBackground兼容低版本

转自:http://gushedaoren.blog.163.com/blog/static/173663405201392443255888/ 判断：

我不是女神ヾ/ 2022年08月09日 05:21/ 0 赞/ 206 阅读

相关如何下载低版本Xcode

第一步：进入苹果开发者官网https://developer.apple.com/，点击Xcode ![Image 1][]![Center][] 第二步：

约定不等于承诺〃/ 2022年06月09日 05:43/ 0 赞/ 319 阅读

相关 checkbox的相关设置

1、判断checkbox是否选中： function isSelectedCheckbox(name)\{ return $('inpu

太过爱你忘了你带给我的痛/ 2022年05月25日 11:44/ 0 赞/ 321 阅读

相关 ie高版本将到低版本

1，首先在 ![70][] 2，然后找到ie，点击卸载 ![70 1][] 3.![70 2][] 卸载完 4.![70 3][] 5 然后找到ie选项，去掉前面

Myth丶恋晨/ 2022年05月22日 01:47/ 0 赞/ 282 阅读

相关判断低版本浏览器

// 获取火狐版本 getBrowserInfo: function () { var agent = navigator.userAgent.toL

Myth丶恋晨/ 2022年05月11日 08:42/ 0 赞/ 265 阅读

相关 mui-checkbox 小bug

mui-checkbox 在使用的时候碰到了一些bug，如果我先用js的 $(this).find("input").attr("checked",true); 然后

快来打我*/ 2022年02月26日 15:00/ 0 赞/ 262 阅读

相关低版本设置checkbox的bug

偶然在一个使用jQuery1.1的项目中遇到了这个问题（都9102年了，还有用1.1的…），记录一下。大概就是这样的一个代码，在点击第二次之后，选中状态无法正常改变。

ゞ浴缸里的玫瑰/ 2021年09月28日 09:14/ 0 赞/ 301 阅读