如果使用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.
最新资讯
又一个被新冠病毒“勾结”的蛋白

又一个被新冠病毒“勾

国际研究团队发现了新冠病毒进入人体细胞的另一种方式
华为麒麟9000芯片为何要一分为二?

华为麒麟9000芯片为何

新机发布会中,最让人感兴趣的莫过于大幅升级的相机系统
反直觉!新方法或让AI模型拥有"联想"力,甚至能识别从未见过的事物

反直觉!新方法或让AI

一种新的方法正在让人工智能模型获得人类的 “联想”
代码老矣,尚能跑否?

代码老矣,尚能跑否?

研究人员如何基于原始论文和自行编写的开源代码来复现
够硬!这虫子汽车都压不死

够硬!这虫子汽车都压不

虫子到底能有多硬?《自然》的新研究展示了一种超抗压的
14岁中学生找到有望治疗新冠的药物,获得北美科研竞赛大奖

14岁中学生找到有望治

1918年美国堪萨斯州莱利堡的临时医院。图片来源:Associ
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,