如果使用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.
最新资讯
国美App上架京东自营百货 由京东提供物流和售后服务

国美App上架京东自营

新浪科技获悉,京东自营百货商品开始陆续上架国美App,未
数字经济提速 我国力推在线教育等15种新业态新模式

数字经济提速 我国力

在线教育、“虚拟”产业园、新个体经济、共享生产……
科学好故事 | 遍布宇宙的无形磁场

科学好故事 | 遍布宇

天文学家发现,磁场遍布宇宙的大部分区域,如果这些磁场可
不到2平米的电梯间,互联网大厂都想挤进去

不到2平米的电梯间,互

提到电梯广告,你的第一反应大概是“洗脑”、“魔性”,但
互联网巨头围猎信用卡

互联网巨头围猎信用卡

社交平台上,类似“信用卡是否毁了年轻人”的讨论比比皆
黑石闯入生物医疗赛道 打出46亿美元“王炸”

黑石闯入生物医疗赛道

黑石这家全球私募巨头,已大举闯入热度暴涨的医疗赛道。
最新文章
Vue实现图片与文字混输效果

Vue实现图片与文字混

用多了 JQuery ,习惯了使用JQuery的API操作 DOM ,几乎忘
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

Vue实现点击当前元素

这篇文章主要介绍了Vue实现点击当前元素以外的地方隐
Vue实现验证码功能

Vue实现验证码功能

这篇文章主要为大家详细介绍了Vue实现验证码功能,文中
JS实现的雪花飘落特效示例

JS实现的雪花飘落特效

这篇文章主要介绍了JS实现的雪花飘落特效,结合实例形
微信小程序实现图片压缩

微信小程序实现图片压

这篇文章主要为大家详细介绍了微信小程序实现图片压缩
JavaScript实现京东放大镜效果

JavaScript实现京东放

这篇文章主要为大家详细介绍了JavaScript实现京东放大