运用jQuery无法设置checkbox选中即没有变成选中状态,先来看下代码:$("input").attr("checked","checked")

设置以后checkbox并没有变成选中状态,用chrome调试看了一下,checkbox中确实有checked属性,而且,值为checked,但是页面显示仍然为未选中状态。

$("input").prop("checked",true);

ttributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ,.attr()方法在取某些 attribute 的值时,会返回 property 的值,这就导致了结果的不一致。从 jQuery 1.6 开始, .prop()方法 方法返回 property 的值,而 .attr() 方法返回 attributes 的值。

例如, selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected 应使用.prop()方法进行取值或赋值。 在jQuery1.6之前,这些属性使用.attr()方法取得,但是这并不是元素的attr属性。他们没有相应的属性(attributes),只有特性(property)。

例如,考虑一个DOM元素的HTML标记中定义的 ,并假设它是一个JavaScript变量命名的elem :elem.checked true (Boolean) 将改变复选框的状态

$(elem).prop("checked") true (Boolean) 将改变复选框的状态

elem.getAttribute("checked") "checked" (String) 不会改变的复选框的初始状态;

$(elem).attr("checked") (1.6) "checked" (String) 不会改变的复选框的初始状态;

$(elem).attr("checked") (1.6.1+) "checked" (String) 将改变复选框的状态

$(elem).attr("checked") (pre-1.6) true (Boolean) 将改变复选框的状态

根据W3C的表单规范 ,在checked属性是一个布尔属性,这意味着只要该 attribute 存在,即使它没有值,或是一个空字符串,该属性对应的 property 就是 true。以下推荐的是兼容浏览器方式,判断 checkbox 元素的 checked 属性是否为"真" 的方法:

if ( elem.checked )

if ( $(elem).prop("checked") )

if ( $(elem).is(":checked") )

代码if ( $(elem).attr("checked") ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容,.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外,还会更新 property 属性,因此 boolean attribute(布尔属性)不需要通过 .prop() 来改变其值。推荐使用上述方法之一,来取得 checked 的值。

checkbox选中和不选中 jqu_运用jQuery无法设置checkbox选中即没有变成选中状态相关推荐

  1. checkbox选中和不选中 jqu_jquery怎么设置checkbox不选中?

    jquery怎么设置checkbox不选中? jquery对checkbox进行操作需要使用prop()方法. 1.设置不选中:$("#my-checkbox").prop(&qu ...

  2. [转]使用jQuery获取radio/checkbox组的值的代码收集

    今天来看下JQ对天Checkbox复选框的操作.看下面的一个小例子.在这个例子中包括了以下几个功能 代码如下: <!-- $("document").ready(functi ...

  3. jquery如何获取checkbox,并判断是否选中

    2019独角兽企业重金招聘Python工程师标准>>> jquery如何获取checkbox,并判断是否选中 <div id="divId" class=& ...

  4. 在 js 中怎样获得 checkbox 里选中的多个值?(jQuery)

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中 ...

  5. 使用jquery如何判断checkbox是否被选中

    在实际项目中遇到的一个问题,一般来说,我们选取被选中的type属性是checkbox的input标签使用的方式如下: $('input:checkbox:checked') 那么如果我们拿到一个inp ...

  6. java中判断复选框是否被选中_[Java教程]jquery如何判断checkbox(复选框)是否被选中...

    [Java教程]jquery如何判断checkbox(复选框)是否被选中 0 2013-08-15 18:00:14 谁都知道 在html 如果一个复选框被选中 是 checked="che ...

  7. 使用jquery动态改变checkbox选中和样式

    做权限选中的时候遇到: <div class="layui-form-item"><label class="layui-form-label" ...

  8. php ajax复选框是否选中的值,jquery-ajax - php+ajax分页时,checkbox复选框选中的问题...

    目的:所有的数据实现分页显示,不是查询所有的数据,而是每次取固定的条数.而且在每页选中的数据ID都可以保存,一起提交选中的数据,做相应的操作.比如第一页选中2条,第二页选中3条,提交时是5条,如果返回 ...

  9. html控制checkbox选中状态,怎么设置checkbox 选中状态

    项目中经常遇到 checked 选中的问题,可以通过 JS 或者 jQuery 实现. 1.JS 方法 判断选中:var check = document.getElementsByTagName(' ...

最新文章

  1. 用bert来训练quoras question pairs的代码仓
  2. SpringMVC 学习系列 (3) 之 URL请求到Action的映射规则
  3. diskfileitemfactory 需要的包_浅析电动汽车电池包低压线束设计及制造
  4. mybatis没有导入sqlsessionfactory包_MyBatis——搭建第一个MyBatis
  5. Fedora 16下Samba服务的配置
  6. bootstrap java web_Java web MVC(jsp,servlet,dao)+Bootstrap购物网站开发经验总结 (持续更新)...
  7. 如何查询以太信道接口_浅谈百兆千兆以太网物理层
  8. 纯css 无视宽高设置垂直水平居中
  9. 智能车学习(一)—— 硬件准备
  10. amplify color_如何使用Amplify监视Nginx
  11. css手型指针_前端基础面试题(HTML+CSS部分)
  12. aspnet ajax 1.0中的according控件
  13. 动态连接_二维动画动态连接基础
  14. 扇贝有道180929每日一句
  15. 易筋SpringBoot 2.1 | 第廿六篇:SpringBoot访问缓存抽象Cache
  16. 小程序登录(附详细文档)
  17. HICE第四天笔记 12月8日
  18. matlab covar,delta CoVaR 系统性风险指标计算
  19. 使用SourceOffSite时出现的问题及解决办法
  20. 最新+电脑象棋测试软件,中国象棋2017电脑版

热门文章

  1. Unity初学者课堂—助手游戏局部功能开发讲解之开始游戏倒计时
  2. 【Golang实战】——XPath解析网页
  3. 磁共振T1 T2 T1WI T2WI含义
  4. 多角度3d模型旋转算法
  5. python小说文本挖掘_Python小说文本挖掘正则表达式分析案例
  6. 找出落单的元素 java,lintcode练习 - 落单的数(落单的数 落单的数 II 落单的数 III)...
  7. 【专业扫盲】模拟集成电路的具体方向
  8. 如何在老旧电脑上安装 M.2 固态硬盘提升电脑性能
  9. java 二维数组参数传递_方法和数组就是这么简单!
  10. 23-Vue和Element基础