jquery利用attr、prop方法获取、设置input的checked属性
2016-07-23 00:16
1101 查看
在jquery中应该使用prop方法来获取和设置checked属性,不应该使用attr,需要的朋友可以参考下。
当input控件checkbox设置了checked属性时,无论checked=”“或
checked=”checked”,$(obj).prop(“checked”)的结果都是true;
当input控件checkbox没设置checked属性时,$(obj).prop(“checked”)的结果是false。
设置$(“input[name=’checkboxall’]”).prop(“checked”, true)时,checkbox会被选中;
设置$(“input[name=’checkboxall’]”).prop(“checked”, false)时,checkbox不会被选中;
如果当前input中初始化未定义checked属性,则不管当前是否选中,$(“#selectAll”).attr(“checked”)都会返回undefined;
如果当前input中初始化定义了checked属性,无论checked=”“或
checked=”checked”,当前checkbox都处于选中状态,
$(“#selectAll”).attr(“checked”)都会返回”checked”;
这篇文章写得较早,之后我又写了一篇文章来解释jQuery中prop和attr的区别,如果大家有需要的话请移步
http://blog.csdn.net/xiaouncle/article/details/53959496。
jquery-1.4.1.min.js文件下载地址:http://download.csdn.net/detail/xiaouncle/9585180
jquery-1.4.2.min.js文件下载地址:http://download.csdn.net/detail/xiaouncle/9585205
1、prop方法获取、设置checked属性
<input type="checkbox" name="checkboxMain" onclick="CheckAll(this);" /> function CheckAll(obj) { //获取checked属性 if ($(obj).prop("checked")) { //设置checked属性 $("input[name='checkboxall']").prop("checked", true); } else { //设置checked属性 $("input[name='checkboxall']").prop("checked",false); } }
当input控件checkbox设置了checked属性时,无论checked=”“或
checked=”checked”,$(obj).prop(“checked”)的结果都是true;
当input控件checkbox没设置checked属性时,$(obj).prop(“checked”)的结果是false。
设置$(“input[name=’checkboxall’]”).prop(“checked”, true)时,checkbox会被选中;
设置$(“input[name=’checkboxall’]”).prop(“checked”, false)时,checkbox不会被选中;
2、attr方法获取、设置checked属性
<input type="checkbox" id="selectAll" onclick="checkAll()" >全选
如果当前input中初始化未定义checked属性,则不管当前是否选中,$(“#selectAll”).attr(“checked”)都会返回undefined;
<input type="checkbox" id="selectAll" checked="" onclick="checkAll()" >全选
<input type="checkbox" id="selectAll" checked="checked" onclick="checkAll()" >全选
如果当前input中初始化定义了checked属性,无论checked=”“或
checked=”checked”,当前checkbox都处于选中状态,
$(“#selectAll”).attr(“checked”)都会返回”checked”;
3、总结
在jquery中应该使用prop方法来获取和设置checked属性,不应该使用attr。这篇文章写得较早,之后我又写了一篇文章来解释jQuery中prop和attr的区别,如果大家有需要的话请移步
http://blog.csdn.net/xiaouncle/article/details/53959496。
4、jquery版本原因
jquery-1.4.1.min.js、jquery-1.4.2.min.js可以用attr方法正确地获取或设置checkbox的checked属性,但是高版本例如:1.10.2.min.js就不能用attr方法正确地获取或设置checkbox的checked属性,在此声明:其他版本没有测试。jquery-1.4.1.min.js文件下载地址:http://download.csdn.net/detail/xiaouncle/9585180
jquery-1.4.2.min.js文件下载地址:http://download.csdn.net/detail/xiaouncle/9585205
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android之获取手机上的图片和视频缩略图thumbnails
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作