首页 > Web开发 > 详细

jQuery中使用attribute,prop获取,设置input的checked值

时间:2017-02-22 12:29:55      阅读:253      评论:0      收藏:0      [点我收藏+]

1、prop方法获取、设置checked属性

当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.

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中使用attribute,prop获取,设置input的checked值

原文:http://www.cnblogs.com/litter/p/6428078.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!