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 相关文章推荐
js constructor的实际作用分析
Nov 15 Javascript
js模拟点击事件实现代码
Nov 06 Javascript
javascript验证身份证完全方法具体实现
Nov 18 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
前端性能优化及技巧
May 06 Javascript
微信小程序开发一键登录 获取session_key和openid实例
Nov 23 Javascript
微信小程序 支付功能开发错误总结
Feb 21 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
Sep 13 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
JS+HTML5实现获取手机验证码倒计时按钮
Aug 08 Javascript
vue配置文件实现代理v2版本的方法
Jun 21 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 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
一个可查询所有表的“通用”查询分页类
2006/10/09 PHP
php 不同编码下的字符串长度区分
2009/09/26 PHP
PHP开发中常用的字符串操作函数
2011/02/08 PHP
php中CI操作多个数据库的代码
2012/07/05 PHP
php通过array_shift()函数移除数组第一个元素的方法
2015/03/18 PHP
php中session定期自动清理的方法
2015/11/12 PHP
php7 错误处理机制修改实例分析
2020/05/25 PHP
JavaScript类和继承 prototype属性
2010/09/03 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
javascript 树形导航菜单实例代码
2013/08/13 Javascript
Javascript控制div属性动态变化实例分析
2015/10/08 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
2016/02/19 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
2017/01/23 Javascript
使用jQuery,Angular实现登录界面验证码详解
2017/04/27 jQuery
浅谈NodeJs之数据库异常处理
2017/10/25 NodeJs
微信小程序后端无法保持session的原因及解决办法问题
2020/03/20 Javascript
easyUI 实现的后台分页与前台显示功能示例
2020/06/01 Javascript
Python中使用PIL库实现图片高斯模糊实例
2015/02/08 Python
Python脚本实现代码行数统计代码分享
2015/03/10 Python
Python实现信用卡系统(支持购物、转账、存取钱)
2016/06/24 Python
django基础之数据库操作方法(详解)
2017/05/24 Python
django rest framework之请求与响应(详解)
2017/11/06 Python
Python实现批量压缩图片
2018/01/25 Python
Python网络爬虫神器PyQuery的基本使用教程
2018/02/03 Python
python贪婪匹配以及多行匹配的实例讲解
2018/04/19 Python
对python opencv 添加文字 cv2.putText 的各参数介绍
2018/12/05 Python
Python 函数用法简单示例【定义、参数、返回值、函数嵌套】
2019/09/20 Python
英国工艺品购物网站:Minerva Crafts
2018/01/29 全球购物
Sport-Thieme荷兰:购买体育用品
2019/08/25 全球购物
美发店5.1活动方案
2014/01/24 职场文书
大学生两会学习心得体会
2014/03/10 职场文书
优秀班组长事迹
2014/05/31 职场文书
大学新闻系求职信
2014/06/03 职场文书
教师节晚会主持词
2015/06/30 职场文书
毕业生就业推荐表自我鉴定
2019/06/20 职场文书
讨论nginx location 顺序问题
2022/05/30 Servers