如果使用jquery,应使用prop方法来获取和设置checked属性,不应使用attr,需要的朋友可以参考下
问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别:

1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase
 
<input type="checkbox" id="selectAll" onclick="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" onclick="checkAll()" >全选

如果当前input中初始化已定义checked属性,则不管是否选中,$("#selectAll").attr("checked")都会返回checked.
 
<input type="checkbox" id="selectAll" onclick="checkAll()" checked>全选
function checkAll()
{
var checkedOfAll=$("#selectAll").attr("checked");
alert(checkedOfAll);
$("input[name='procheck']").attr("checked", checkedOfAll);
}

总结,如果使用jquery,应使用prop方法来获取和设置checked属性,不应使用attr.
最新资讯
雄安新区能源互联网标准化试点工作启动

雄安新区能源互联网标

近日,雄安新区能源互联网标准化试点工作正式启动。
快递员私拆女客户包裹、信息骚扰 顺丰:已启动调查

快递员私拆女客户包裹

有微博网友发文称顺丰快递员私自打开客户包裹、发信息
不靠病毒潜入体内 “上帝的手术刀”更安全

不靠病毒潜入体内 “

在把CRISPR-Cas9送到细胞中时,需要借助载体的帮助。其
直击|完美世界教育推人才计划 共建中俄艺术学院

直击|完美世界教育推

完美世界控股集团旗下完美世界教育与俄罗斯Atlant公司
英伟达发声明:特斯拉对两者自动驾驶芯片比较不准确

英伟达发声明:特斯拉对

据国外媒体报道,英伟达发布声明称,特斯拉对两者自动驾驶
英国约百分之六人口拥有特殊“防胖基因”

英国约百分之六人口拥

果然,有些人就是“干吃不胖”的体质,可以在别人羡慕嫉妒
最新文章
JavaScript解析及序列化JSON的方法实例分析

JavaScript解析及序列

这篇文章主要介绍了JavaScript解析及序列化JSON的方法
如何为vuex实现带参数的 getter和state.commit

如何为vuex实现带参数

这篇文章主要介绍了如何为vuex实现带参数的getter和st
使用VUE+iView+.Net Core上传图片的方法示例

使用VUE+iView+.Net C

这篇文章主要介绍了使用VUE+iView+.Net Core上传图片
JS实现的获取银行卡号归属地及银行卡类型操作示例

JS实现的获取银行卡号

这篇文章主要介绍了JS实现的获取银行卡号归属地及银行
Angular6 用户自定义标签开发的实现方法

Angular6 用户自定义

这篇文章主要介绍了Angular6 用户自定义标签开发的实
React 实现拖拽功能的示例代码

React 实现拖拽功能的

这篇文章主要介绍了React 实现拖拽功能的示例代码,小编