如果使用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.
最新资讯
刘强东:持续夯实核心竞争力 人才是公司最宝贵的财富

刘强东:持续夯实核心

刘强东在公开信中表示,2019年京东在资源投入更加坚决、
中科院回应“木兰”语言问题:当事人已停职检查

中科院回应“木兰”语

近日,由中科院计算所团队“完全自主设计、开发和实现”
刘强东:2019年京东面临挑战 通过变革实现收入增长

刘强东:2019年京东面临

刘强东表示,通过组织变革,京东在极具挑战的环境中始终保
刘强东公开信:保持定力坚定前行 实现高质量加速增长

刘强东公开信:保持定

刘强东新春致员工信:保持定力 坚定前行 实现高质量加速
黄章时隔半年再发声 称会与魅族同在

黄章时隔半年再发声

魅族董事长黄章今日在魅族社区发声,称会与魅族和魅友同
创业一年,To B创始人:我们99%会挂掉

创业一年,To B创始人:我

过去12月,最火爆,未来12个月,最危险,企业服务领域这条赛道
最新文章
jQuery设置下拉框显示与隐藏效果的方法分析

jQuery设置下拉框显示

这篇文章主要介绍了jQuery设置下拉框显示与隐藏效果的
策略模式实现 Vue 动态表单验证的方法

策略模式实现 Vue 动

策略模式(Strategy Pattern)又称政策模式,其定义一系列的
Layui Form 自定义验证的实例代码

Layui Form 自定义验

今天小编就为大家分享一篇Layui Form 自定义验证的实
图解NodeJS实现登录注册功能

图解NodeJS实现登录注

这篇文章主要介绍了NodeJS实现登录注册功能,本文图文
基于Layui自定义模块的使用方法详解

基于Layui自定义模块

今天小编就为大家分享一篇基于Layui自定义模块的使用
layer弹出层自适应高度,垂直水平居中的实现

layer弹出层自适应高

今天小编就为大家分享一篇layer弹出层自适应高度,垂直