jquery attr设置属性失效问题

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

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

于是乎各种找原因，后来在网上搜到一篇文章提醒了我，原来是jQuery版本问题。
我操作属性用的是
$("XXX").attr("attrName");而jQuery的版本用的是2.1.1，这就是存在一个兼容性和稳定性问题。
jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBox的checked的属性的判断，即
使用代码如下:

$("input[name='checkbox']").prop("checked");
$("input[name='checkbox']").prop("disabled", false);
$("input[name='checkbox']").prop("checked", true);

于是乎将attr改为prop，问题得解。
如果您遇到这个奇怪的问题那就赶紧试试吧！

jquery attr设置属性失效问题相关推荐

jQuery attr removeAttr 属性操作
jQuery attr removeAttr 属性操作 <%@ page language="java" import="java.util.*" pag ...
jQuery attr()获取属性和设置属性的方法
前言: 在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,只需要用到attr()这个函数就可以了.attr是a ...
同级子目录下重新设置属性失效
在同一级目录下,经常会出现,在设置属性时失效? 这个是因为你的优先级没有达到,怎么解决这个问题呢?你只需把他的父级搬出来,如果还不行,就把父级的父级搬出来,一直到你要的效果显示出来为止! 友情举例: ...
Thymeleaf设置属性值
th:attr 设置属性值参考文档设置单个属性值 <form action="subscribe.html" th:attr="action=@{/subscr ...
jQuery设置attr（）对样式属性失效的原因
jQuery设置attr()对样式属性失效的原因因为样式属性都是写在style里面,在原生js中,对样式属性的设置都是通过: 元素.style.样式属性=属性值来进行设置.所以在jquery中遵循了 ...
jQuery中的attr()与prop()设置属性、获取属性的区别
举例,比如我们要获取checkbox的属性或者设置checkbox选中或不选中. $("#editForm").find("input[type='checkbox']& ...
怎样设置html的元素属性,Jquery怎么设置元素的属性和样式？
Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性对于下 ...
jquery获取和设置属性_jQuery获取属性，设置属性，删除属性
jquery获取和设置属性 Today we will look into following examples – jQuery get attribute, jQuery set attribut ...
Jquery获取与设置属性
1. jQuery 拥有可操作 HTML 元素和属性的强大方法获得内容 - text().html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法: text() ...

jquery attr设置属性失效问题

jquery attr设置属性失效问题相关推荐

最新文章

热门文章