Jquery中获取属性checked的值(陷阱);

冷不防 2022-06-18 02:41 1363阅读 0赞

如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr,

问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别：   
  
1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase

复制代码代码如下:

<input type="checkbox" id="selectAll" οnclick="checkAll()">全选   
function checkAll()   
\{   
var checkedOfAll=$("\#selectAll").prop("checked");   
alert(checkedOfAll);   
$("input\[name='procheck'\]").prop("checked", checkedOfAll);   
\}

2.如果使用attr方法获取时，如果当前input中初始化未定义checked属性，则不管当前是否选中，$("\#selectAll").attr("checked")都会返回undefined；

复制代码代码如下:

<input type="checkbox" id="selectAll" οnclick="checkAll()" >全选

如果当前input中初始化已定义checked属性，则不管是否选中，$("\#selectAll").attr("checked")都会返回checked.

复制代码代码如下:

<input type="checkbox" id="selectAll" οnclick="checkAll()" checked>全选   
function checkAll()   
\{   
var checkedOfAll=$("\#selectAll").attr("checked");   
alert(checkedOfAll);   
$("input\[name='procheck'\]").attr("checked", checkedOfAll);   
\}

总结，如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr.

发表评论取消回复

表情：

评论列表（有 0 条评论，1363人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 获取input checkbox checked属性

果使用jquery,应使用prop方法来获取和设置checked属性 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为tr...

灰太狼/ 2024年04月20日 08:35/ 0 赞/ 79 阅读

相关【jquery】常用的jquery获取表单对象的属性与值

1、JQuery实现了代码的分离不用再网页中加入如：onclick之类的事件来调用函数了，直接引入JQuery类库和自己编写的JQuery代码就可以了；如： $

谁借莪１个温暖的怀抱￠/ 2023年10月16日 20:21/ 0 赞/ 7 阅读

相关 Jquery和angularjs获取check框选中的值小技巧

在我们平常的开发中，有时候会需要获取一下check框选中的值，以及check框选中行的所有信息。这个时候有一个小技巧那就是我们可以把要获取的信息全部放到check框的值里面，这

女爷i/ 2022年08月19日 13:22/ 0 赞/ 126 阅读

相关 jquery获取标签中的属性值并且赋值

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

痛定思痛。/ 2022年07月14日 00:40/ 0 赞/ 237 阅读

相关 Jquery中获取属性checked的值(陷阱);

如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr, 问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大

冷不防/ 2022年06月18日 02:41/ 0 赞/ 1364 阅读

相关 jQuery中attr()方法和prop()方法获取input的checked属性的区别

今天在使用checkbox中，通过attr()获取checked状态时发现显示的是undefined。后来改成了prop()方法却没问题。百度发现，使用jQuery的attr方

￡神魔★判官ぃ/ 2022年06月17日 12:44/ 0 赞/ 202 阅读

相关 jquery 获取data-* 属性值

`data-`自定义数据属性 > HTML5规定可以为元素添加非标准型的属性，只需添加前缀data-，这些属性可以随意添加，随意命名，目的是为元素提供与渲染无关的信息，或

男娘i/ 2022年05月23日 00:41/ 0 赞/ 595 阅读

相关 jquery获取元素的属性值为undefined

<li><input type="button" id="modifytip" class="modify" name="modifytip" value="修改"

小咪咪/ 2022年04月13日 09:57/ 0 赞/ 560 阅读

相关 jquery-1.10.2 获取checkbox的checked属性总是undefined

项目中用的jquery-1.10.2 需要检测一个checkbox的选中状态，想当然的用 .attr("checked") ，结果发现，无论是否选中，这个值都是 undefi

墨蓝/ 2021年10月26日 14:44/ 0 赞/ 314 阅读

相关 jquery 获取input checkbox checked属性

如果使用jquery,应使用prop方法来获取和设置checked属性 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true

Bertha 。/ 2021年09月15日 09:42/ 0 赞/ 424 阅读