checkbox标签已有checked=checked属性但是不显示勾选

点击全选按钮,选中下面的列表,再次点击取消选择。

第一次的使用的方法是$("input[name=xxx]").attr(‘checked‘,true);

但是往往刷新页面第一次点击正常,再次点击就会出现问题,html代码中是有checked=“checked”但是却不能选中

后面改成

1 $(document).delegate(‘#btnCheckedAll‘, ‘click‘, function() {
2   if (this.checked) {
3     $(‘.courselist‘).find("input[type=‘checkbox‘]").prop("checked",true);
4   } else {
5     $(‘.courselist‘).find("input[type=‘checkbox‘]").removeAttr(‘checked‘);
6   }
7 });

完美解决。

时间: 2024-08-03 14:04:21

checkbox标签已有checked=checked属性但是不显示勾选的相关文章

checkbox标签已有checked=checked但是不显示勾选

小问题苦恼了很久. 我开始是通过 $("input[name=xxx]").attr('checked',true); 来设置是否选中的,各种不好用,明明页面的代码已经是checked=checked了,就是不显示勾选. 百思不得其解... 后来在网上找到了答案 if(dataBack.remind){     $("#isremind").prop("checked",true); }else{     $("#isremind&qu

jquery,attr,prop,checkbox标签已有checked=checked但是不显示勾选

最近在做项目的过程中碰到了这样的一个问题:在使用bootstrap模态框的过程中,在模态框中有一个checkbox标签,一开始是为选中的,当点击触发模态框按钮,选中chcekbox时,会显示勾选,这个时候将选中的状态缓存起来,然后点击模态框中的关闭按钮,再次点击触发模态框按钮弹出模态框,这个时候问题出现了:         checkbox标签已有checked=checked但是不显示勾选,网上也查过有解决方案,就是将   $("...").attr("checked&qu

jquery attr prop checkbox已有checked=checked但不显示勾选问题

最近在做项目的过程中碰到了这样的一个问题:在使用bootstrap模态框的过程中,在模态框中有一个checkbox标签,一开始是为选中的,当点击触发模态框按钮,选中chcekbox时,会显示勾选,这个时候将选中的状态缓存起来,然后点击模态框中的关闭按钮,再次点击触发模态框按钮弹出模态框,这个时候问题出现了: checkbox标签已有checked=checked但是不显示勾选,查看图片: 网上也查过有解决方案,就是将   $("...").attr("checked"

firefox(火狐)下 js中设置checkbox属性checked="checked"已有,但复选框却不显示勾选的原因

刚看到问题时以为是浏览器兼容性的原因,ie.google都能正常显示. 网上查询之后发现是jQuery的attr()方法用的不恰当. jQuery1.6之前使用attr()可以修改 ,从jQuery 1.6开始,attr()方法返回undefined尚未设置的属性,对于设置checked这种类型的属性使用prop()来设置. jquey官网给出的两个方法的说明: 获取匹配元素集中第一个元素的属性值,或为每个匹配元素设置一个或多个属性. 并指出检索和修改DOM属性,如checked,selecte

firefox中 checkbox属性checked="checked"已有,但复选框却不显示打钩的原因

最近在调试复选框的应用,在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题. 复选框绑定了click事件,点一次选中,再点击取消选中,依次类推.这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选,太诡异了.代码修改了却得不到正确的显示状态,纠结了很久,找不到原因. 正解:后来经偶像指

给checkbox添加属性 checked=" " 的话,该checkbox会否勾选上

checkbox中,checked=" ",中间无论是空格还是任何字符,都是默认选上.如果是checked="",则浏览器解析成checked. 例子: <input type="checkbox" checked=""><input type="checkbox" checked=false> 结果: 经测试得出结论: 1.不加checked,则默认不勾选 2.加checked,则

解决jquery操作checkbox全选全不选无法勾选问题

最近在学习中使用jquery操作checkbox,使用下面方法进行全选.反选:$("input[name='checkbox']").attr("checked","checked");调试时,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选,太诡异了.代码修改了却得不到正确的显示状态,纠结

checkbox设置复选框的只读效果不让用户勾选

在Web开发中,有时候需要显示一些复选框(checkbox),表明这个地方是可以进行勾选操作的,但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选(比如在信息展示页面),这时候就需要将复选框设置成只读的效果. 提到只读,很容易想到使用readonly属性,但是对于复选框来说,这个属性和期望得到的效果是有差别的.原因在于readonly属性关联的是页面元素的value属性(例如textbox,设置了readonly就不能修改输入框的文本内容),而复选框的勾选/

checkbox属性checked=&quot;checked&quot;已有,但却不显示打勾的解决办法

checkbox属性checked="checked"已有,但却不显示打勾的解决办法 #### 查阅其他网站  发现主要是因为Jquery的版本问题 1.attr(): 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性. 在jQuery 1.6中,当属性没有被设置时候,.attr()方法将返回undefined.若要检索和更改DOM属性,比如元素的checked, selected, 或 disabled状态,请使用.prop()方法. 2.remov