jquery1.9.1中checkbox第一次移除后再添加checked不显示的问题

最新推荐文章于 2022-01-07 15:35:53 发布
最新推荐文章于 2022-01-07 15:35:53 发布
阅读量981 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web前端 文章标签： jquery兼容
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35052627/article/details/73549951
本文介绍了一个关于jQuery中复选框勾选显示的问题及解决方案。在更新到jQuery 1.9.1版本后，作者发现使用prop()方法而非attr()方法才能正确设置复选框状态。

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

今天做项目的时候发现一个问题，点单选按钮是时要把复选框的框框勾上，点否的时候取消勾勾，第一次点时，还可以勾上和取消，但是第二次做的时候复选框的勾勾怎么也加不上了，但是使用F12调试工具看的时候看见这个checkbox复选框的属性明明已经加上checked=checked这个属性了，可复选框就是没显示，无奈只能求助度娘了。

百度了之后才发现原来在jq1.9.1版本之后用prop这个方法代替了attr才可以实现这个功能。以前使用attr获取checked属性时返回"checked"和"",现在使用prop方法获取属性则统一返回true和false。

以下是官方建议attr(),prop()的使用：


jQuery1.9.1针对checkbox的调整方法(prop)
01-19
在jquery 1.8.x中的版本，我们对于checkbox的选中与不选中操作如下...IE10，Chrome,FF中，对于选中状态，第一次$(‘#checkbox’).attr(‘checked’,true)可以实现但是当通过代码清除选中，下次再通过代码 $(‘#checkbox
jquery1.9.1
11-22
1.9.1是jQuery的一个重要版本，它在1.9的基础上进行了一些优化和改进，确保了向后兼容性的同时，也提升了性能。 1. **jQuery核心概念** - DOM操作：jQuery通过简洁的API让开发者可以轻松地选择、操作和修改HTML...
jquery清除selected/checked和选中selected/checked
cocos2dGirl的专栏
07-31 3454
清除当前选中的selected属性 $("#id select[name='" + select_name+ "']>option:selected").removeAttr("selected"); 选中某个option $("#id select[name='" + select_name+ "']").find("option[value='"+ select_value +"']").attr("selected", "selected"); ...
checkBox 选中 移除
caox_nazi的博客
10-16 1万+
checkBox 选中 移除 （1）使用原生JavaScript判断是否选中checkbox框  （js） <input type="checkbox" id="test" class="test">同意 <script> // 获取checkbox元素 var box=document.getElementById("test");
jquery 关于checked属性的添加与移除
热门推荐
DDDEBOKE
03-02 2万+
    $(":radio").removeAttr('checked');    $(":radio").attr('checked','true');    实际问题：在使用removeAttr()移除了radio的checked属性后，使用attr()重新增加不起作用；    解决：    $(":radio").removeAttr('checked');    $("input:radi...
checked 添加 删除
weixin_41675013的博客
07-03 1611
添加  $(input).attr("checked","checked");删除$(input).removeAttr("checked");
Jquery 中的checkbox checked不显示问题
marked的专栏
12-19 977
问题描述： 原来的代码 (注：jquery版本：jquery-1.11.2.min) if (a){ $('#chk_delete').attr("checked",true); }else{ $('#chk_delete').removeAttr("checked"); } 但在各种浏览器中测试时，checkbox #chk_delete并没有显示被勾选，在调试器中查看  
jquery-1.9.1.js
最新发布
09-07
jquery-1.9.1版本
jquery-1.9.1.min
02-13
在给定的文件"jquery-1.9.1.min.js"中，我们看到的是jQuery库的一个高度压缩和优化的版本，主要用于提升网页加载速度，减少文件大小，同时保持功能完整。 1. **jQuery核心概念**：jQuery的核心理念是“Write Less, ...
jquery 选择框icheck 插件的使用
haogemr的博客
05-22 1915
icheck使用方法icheck的回调事件icheck的方法参考博客官网 icheck使用方法 1、选择你要使用的皮肤样式主题，共6个 flat, futurico, line, minimal, polaris, square 每个皮肤底下有好几个可以选择的颜色，例如： Black — square.css Red — red.css Green — green.css Blue — blue...
jQuery插件icheck复选框的使用方法
JUN_7777的博客
01-07 3328
icheck插件
jQuery获取和设置checkbox的checked属性小结
weixin_33958585的博客
04-20 492
最近在项目中使用到jQuery设置checkbox，使用场景是页面上有三类单选框，一个是全选所有页数据(id='cb1'),一个是选择当前页(id='cb2')，一个是选择一条(name='cb3')，也算常用的场景。 一开始全选框的点击事件这样写： $("#cb1",this).click(function(){ var al...
两种设置disabled属性以及三种方法移除disabled属性
weixin_30810583的博客
03-31 3571
//两种方法设置disabled属性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("disabled","disabled"); //三种方法移除disabled属性 $('#areaSelect').attr("disabled",false); $('#areaSelect').removeAttr("disab...
jquery type=radio 更改属性checked 选中 移除 选中
Xiao_QiangMa的博客
01-06 6641
1.   $("#id").attr("checked","checked");       $("#id").removeAttr("checked"); 2.    $('#id').prop("checked","checked").siblings().removeAttr("checked"); 注释：要用prop->atrr 。 对于HTML元素本身就带有的固有属性，
checked jq 添加_jquery中input复选框的checked属性
weixin_39806818的博客
12-19 1111
在今日的多选，反选，全选试验中，关于通过jQuery方法来实现复选框的选中与否问题，我有了以下发现：1.不能通过.css('checked'，'checked')方法来设置或者获取复选框的checked属性，在控制台打印输出.css('checked')，结果为undefined，不管在HTML中是否设置了checked='checked'，因为css属性是style里面的，而checked属性不...
jQuery操作checkbox选择
zhuchunyan_aijia的博客
04-27 1万+
1. 判断checkbox（复选框）是否被选中 很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的，其实应该是 if($("#id").attr("checked")==true) 2. 全选   $("[name = chkItem]:checkbox").attr("checked", true); 3、全不选 $("[
jquery添加属性checked无效
flyxiaokang的博客
05-24 1610
jquery添加属性checked无效问题
jq判断checked
只作为个人备忘录
12-08 819
if($("#orgcheck").attr("checked")=="checked"){ $(leipiplugins).attr("check",attr_val); }
全新升级：jQuery 1.9.1中文汉化版特性解析
- `jquery-1.9.1.js`文件名称表明这是一个压缩版的文件，通过移除所有空格、换行、注释等方式减小文件大小，从而加快下载速度，提升网页加载性能。 描述中还提到了浏览器兼容性支持，指出了火狐浏览器18+的支持...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值