低版本设置checkbox的bug

ゞ浴缸里的玫瑰 2021-09-28 09:14 319阅读 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 条评论，319人围观）

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

相关阅读

相关低代码bug修复

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

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

相关 VMware高版本转VMware低版本

将VMware 高版本转VMware 低版本今天将VMware 15 版本卸载了感觉不是很好用，就打算换成VMware 12 版本，然后就出现了一个我换之前没想

逃离我推掉我的手/ 2023年07月04日 11:27/ 0 赞/ 21 阅读

相关如何下载低版本Xcode

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

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

相关 checkbox的相关设置

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

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

相关 ie高版本将到低版本

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

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

相关判断低版本浏览器

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

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

相关 input type=checkbox样式设置

效果 ![20190219143029963.jpg][] html代码 <div class="checkbox-item"> <input n

蔚落/ 2022年03月18日 04:56/ 0 赞/ 326 阅读

相关 mui-checkbox 小bug

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

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

相关 bootstraptable设置checkbox单选

[bootstraptable设置checkbox单选][bootstraptable_checkbox] bootstrap-table.js源码里面可配置,搜索singl

比眉伴天荒/ 2021年10月15日 01:49/ 0 赞/ 1563 阅读

相关低版本设置checkbox的bug

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

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