jquery attr方法获取input的checked属性问题


Posted in Javascript onMay 26, 2014

问题:经常使用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.
Javascript 相关文章推荐
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
Aug 05 Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
Jun 04 Javascript
jquery操作angularjs对象
Jun 26 Javascript
JavaScript encodeURI 和encodeURIComponent
Dec 04 Javascript
vue.js入门教程之计算属性
Sep 01 Javascript
canvas绘制的直线动画
Jan 23 Javascript
基于JavaScript实现滑动门效果
Mar 16 Javascript
JS实现的透明度渐变动画效果示例
Apr 28 Javascript
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
jquery无缝图片轮播组件封装
Nov 25 jQuery
layui table 列宽百分比显示的实现方法
Sep 28 Javascript
jQuery表格排序组件-tablesorter使用示例
May 26 #Javascript
jQuery实现鼠标可拖动调整表格列宽度
May 26 #Javascript
js处理表格对table进行修饰
May 26 #Javascript
利用jQuery实现可以编辑的表格
May 26 #Javascript
js实现简单的购物车有图有代码
May 26 #Javascript
js函数参数设置默认值的一种变通实现方法
May 26 #Javascript
单元选择合并变色示例代码
May 26 #Javascript
You might like
把从SQL中取出的数据转化成XMl格式
2006/10/09 PHP
PHP脚本的10个技巧(3)
2006/10/09 PHP
深入apache配置文件httpd.conf的部分参数说明
2013/06/28 PHP
PHP微信开发之查询城市天气
2016/06/23 PHP
Using the TextRange Object
2006/10/14 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
js获取location.href的参数实例代码
2013/08/02 Javascript
用jquery的方法制作一个简单的导航栏
2014/06/23 Javascript
javascript url几种编码方式详解
2016/06/06 Javascript
easyui combogrid实现本地模糊搜索过滤多列
2017/05/13 Javascript
docker中编译nodejs并使用nginx启动
2017/06/23 NodeJs
jsTree事件和交互以及插件plugins详解
2017/08/29 Javascript
JS 事件机制完整示例分析
2020/01/15 Javascript
Python中非常实用的一些功能和函数分享
2015/02/14 Python
python实现的简单抽奖系统实例
2015/05/22 Python
通过源码分析Python中的切片赋值
2017/05/08 Python
Pyspider中给爬虫伪造随机请求头的实例
2018/05/07 Python
对Python捕获控制台输出流的方法详解
2019/01/07 Python
PyQt5实现暗黑风格的计时器
2019/07/29 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
Python利用FFT进行简单滤波的实现
2020/02/26 Python
浅谈Python中的字符串
2020/06/10 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
泰国汽车、火车和轮渡票预订网站:Bus Online Ticket
2017/09/09 全球购物
印尼最大的网上书店:Gramedia.com
2018/09/13 全球购物
Shell编程面试题
2016/05/29 面试题
Unix如何在一行中运行多个命令
2015/05/29 面试题
最新大学生自我评价
2013/09/24 职场文书
西安交大自主招生自荐信
2014/01/27 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
办公室个人总结
2015/02/28 职场文书
护士自荐信范文
2015/03/25 职场文书
入党转正申请书范文
2019/05/20 职场文书
用React Native制作一个简单的游戏引擎
2021/05/27 Javascript