jquery使用attr()方法对checkbox设置checked属性为true时，勾选框没反应的问题以及解决办法

最新推荐文章于 2023-02-01 15:47:43 发布
最新推荐文章于 2023-02-01 15:47:43 发布
阅读量5.6k 收藏 2
点赞数 1
分类专栏： 前端_jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013347796/article/details/88379656
版权

问题

情景：商品的全选和部分选中，单个商品取消勾选后再选中，想通过attr(“checked”,true)使checkbox勾选，但是页面上没反应。
首先打开页面初始化是全选中的，此时checked=true
首先打开页面初始化是全选中的，此时全选的checked属性为checked。
这是对一个商品取消选中，然后再次选中的情况，此时通过attr()方法设置checked为true，但是页面上没反应
这是对一个商品取消选中，然后再次选中的情况，此时通过attr()方法设置checked为true，但是页面上没反应。

解决办法

通过百度查找attr()和prop()的区别，再查找该问题出现的现象，找到解决办法是通过prop()方法即可。

参考链接

以下为参考链接，同时感谢他们给出了答案
jquery中attr和prop的区别
jQuery checkbox bug（第一次能选中生效，第二次失效）

维他明不是维他命
关注
专栏目录
jquery checkbox无法用attr()二次勾选问题的解决方法
10-21
在jQuery中，处理复选框（checkbox）的状态时，可能会遇到一个问题，即使用`attr()`方法无法正确地进行二次勾选。这个问题在描述中已经提到，当尝试通过`attr()`方法改变checkbox的选中状态时，特别是在反复切换的...
checkbox属性checked="checked"已有，但却不显示打勾的解决办法
weixin_30846599的博客
10-27 468
主要原因是：jquery版本问题。 1、attr(): 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。 在jQuery 1.6中,当属性没有被设置时候，.attr()方法将返回undefined。若要检索和更改DOM属性,比如元素的checked, selected, 或 disabled状态，请使用.prop()方法。 2、removeAttr...
解决bootstrap table固定列复选框失效 (bootstrap-table-fixed-columns)
G_ruirui的博客
07-27 3301
解决bootstrap table固定列复选框失效 (bootstrap-table-fixed-columns) 解决bootstrap table固定列复选框失效 (bootstrap-table-fixed-columns) 原因 原因：使用bootstrap-table-fixed-columns插件生产的固定列是另一个表格，覆盖于自己原表格之上，实现固定列的效果，但是这样导致原表格的ch...
解决checkbox属性checked为true但是未被选中的问题
panying0903的专栏
03-17 1万+
原来是jQuery版本问题。 Attributes vs. Properties attributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ，.attr()方法在取某些 attribute 的值时，会返回 property 的值，这就导致了结果的不一致。从 jQuery 1.6 开始， .prop()方法 方法返回 pr
checkbox已设置为checked--true-但不勾选问题解决方法（只第一次勾选有效）
热门推荐
东方败败的博客
04-10 5万+
一、出现的问题及解决方法： 今天在写一个table相关插件的时候无意中发现了这样一个问题，记得以前在写这种控制checkbox选中与非选中的代码时并没有这种bug，当时也是用的checked属性，而现在却行不通了。于是乎做了以下测试，测试demo：一个按钮控制checkbox的选中状态。 测试js代码： $("#test_btn").click(function(){
jquery 设置checkbox的checked属性相关
bsr1983的专栏
03-28 346
所使用的jquery版本为jquery-1.9.1，浏览器为Chrome 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase 全选 function checkAll() { var checkedOfAll=$("#selectAll").prop("checked"); alert(checkedOfAl...
vue打印 复选框并没有勾选上的问题
weixin_69356624的博客
02-01 1176
【代码】vue打印 复选框并没有勾选上的问题。
jquery操作checkbox火狐下第二次无法勾选的解决方法
10-21
本文将详细介绍在火狐浏览器中使用jQuery操作checkbox时，可能会遇到复选框无法二次勾选的问题，并提供解决该问题的方法。 问题现象描述： 在火狐浏览器中使用jQuery 1.9.1版本进行开发时，发现控制checkbox状态时...
解决jquery操作checkbox火狐下第二次无法勾选问题
12-01
本文主要讨论了一个具体的例子，即使用jQuery在火狐浏览器中操作复选框（checkbox）时遇到的问题，以及如何解决这个问题。 在描述的场景中，开发者在尝试使用jQuery实现复选框的全选和反选功能，使用的代码如下： ...
jquery checkbox 勾选的bug问题解决方案与分析
10-25
在初次遇到这个问题时，开发者可能使用`attr()`方法来设置复选框的`checked`属性： ```javascript $("#CheckedAll").click(function() { if($(this).is(":checked")) { $("[name=items]:checkbox").attr("checked...
复选框 el-checkbox选不上
qq_37418556的博客
06-02 3273
复选框 el-checkbox选不上 <el-form v-for="(item,index) in list" :key="index"> <el-form-item> <el-checkbox-group v-model="item.myArr"> <el-checkbox v-for="(ele,index) in item.checkBoxList" :key="ele.id" :label="ele.label">{{e
element el-checkbox已绑定值却无法勾选的问题
qq_37471721的博客
08-08 2万+
问题描述 首先根据后端返回的数据列表展示出checkbox组 页面展示如下 选中“设计师” 选项保存。再点击修改时，后端返回的值为[16]，但是却无法勾选中设计师这个选项，几经周折发现el-checkbox的value需要为string才有效 解决办法 ...
vue与element ui的el-checkbox的坑el-checkbox不能选中或者选中不能取消
jerryyang_2017的博客
06-17 2万+
一，场景 通过使用checkbox，实现如图的场景， 点击某个tag，实现选中和非选中状态。 二， 官网的例子 通过切换checked值为true或者false来实现，一个checkbox的状态切换 <template> <!-- `checked` 为 true 或 false --> <el-checkbox v-model="checked">备选项</el-checkbox> </template> <scr
问题总结 elementUI el-checkbox 无法勾选问题
weixin_30527323的博客
09-19 3884
问题场景： form表单中checkbox的增删改查，在后台获取到的数据中拿到checkbox的值，但是改不了状态，是因为在后台拿到的form表单的数据和重置数据出现冲突 错误： async getDetail () { await this.$api.getTaskDetail({ params: { id: this.i...
jquery 关于checked属性的添加与移除（解决.attr('checked',true)失效问题）
一颗程序猿
09-19 2688
一、遇到问题： $(":radio").removeAttr('checked'); $(":radio").attr('checked','true'); 实际问题：在使用removeAttr()移除了radio的checked属性后，使用attr()重新增加不起作用； 二、解决： 方法1： $(":radio").removeAttr('checked'); $("input:radio"...
用$("...").attr("checked", true)设置勾选无效的原因
weixin_30296405的博客
01-26 877
如下图所示，本来想要实现如下图所示的功能，于是我本来是使用$("...").attr("checked", true/false)来实现该功能，但是第一次点击时有效果，再一次点击时，发现下面框框的checked的确为true，但是就是勾勾没有，这就是个问题啊。 解决方法：将 $("...").attr("checked", true)改为$("...").prop("checked", ...
checked jq 添加_jquery动态添加复选框.attr(“checked”,true)不起作用
weixin_28295799的博客
02-23 555
根据一些数据我正在克隆带有复选框的div并检查数据值是否为“True”然后追加到目标div.使用jquery 1.5.2IE8在兼容模式下工作,否则不起作用.FF不起作用.$(function () {// test datavar data = [{ "CB": "True" }, { "CB": "False"}];var theClone = $("#clone").clone(true);...
Jquery 中 $('obj').attr('checked',true)失效的几种解决方案
medaka的专栏
11-18 9239
1、$('obj').prop('checked',true) 2、 $(':checkbox').each(function(){     this.checked=true;     }) 为什么：attr为失效？因为checked属于为原型对象的属性。而attr在remove原型对象时会出错。原型对象指的是自身自带的，无法移除。prop会忽略这个错误。而attr操作的是普通非原型对
element-ui之el-checkbox遇到的一些问题
huahuahua__的博客
12-08 2504
el-checkbox绑定了v-model却不能响应 <el-checkbox style="transform: translateY(50%);" v-model="option.isDefaults" :label="''" @click.prevent.native="setDefaultOption(index)" ></el-checkbo...
为什么不能使用attr方法来获取和设置checked属性
最新发布
05-09
因此，它不像其他属性那样可以使用`attr`方法来获取和设置。 相反，为了获取和设置`checked`属性，我们需要使用`prop`方法。`prop`方法用于获取和设置元素的属性值，包括布尔属性值。我们可以使用以下代码来获取和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值