jquery attr方法获取input的checked属性问题
更新时间：2014年05月26日 09:58:21 作者：
如果使用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.
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.
相关文章
本文主要对jquery中用函数来设置css样式的方法进行详细介绍，具有很好的参考价值，下面就跟小编一起来看下吧2016-12-12
这篇文章主要介绍了jquery弹窗插件colorbox绑定动态生成元素的方法,colorbox是一款非常好用的弹窗插件,需要的朋友可以参考下2014-06-06
这篇文章主要为大家详细介绍了jquery实现图片放大镜效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
基于jquery的loading效果实现代码，需要的朋友可以参考下。2010-11-11
本文为大家介绍下jQuery的输入控件及回车事件的应用，具体示例代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
幻灯片效果通常用于展示相册图片或特色推荐内容。一个漂亮的幻灯片更能吸引访客的注意力。本文里面，收集了15款jquery幻灯片插件，让你的图片展示更漂亮，让你的特色内容更吸引人。2011-04-04
jQuery.validate 的正则验证功能，包括手机号码、电话号码、邮政编码、QQ号码、IP地址、字母和数字、中文的验证等2013-08-08
这篇文章主要介绍了jQuery基于函数重载实现自定义Alert函数样式的方法,涉及jQuery函数重载及页面元素属性动态操作的相关技巧,需要的朋友可以参考下2016-07-07
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
本篇文章主要是对jquery+ajax+C#实现无刷新操作数据库数据的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
基于JQuery的一句话搞定手风琴菜单效果代码，需要的朋友可以参考下2012-09-09
最新评论