在jquery中应该使用prop方法来获取和设置checked属性,不应该使用attr,需要的朋友可以参考下。
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”,
∗
∗
(
o
b
j
)
.
p
r
o
p
(
"
c
h
e
c
k
e
d
"
)
的结果都是
t
r
u
e
;当
i
n
p
u
t
控件
c
h
e
c
k
b
o
x
没设置
c
h
e
c
k
e
d
属性时,
∗
∗
**(obj).prop("checked")的结果都是true; 当input控件checkbox没设置checked属性时,**
∗∗(obj).prop("checked")的结果都是true;当input控件checkbox没设置checked属性时,∗∗(obj).prop(“checked”)的结果是false。
设置**
∗
∗
(
"
i
n
p
u
t
[
n
a
m
e
=
′
c
h
e
c
k
b
o
x
a
l
l
′
]
"
)
.
p
r
o
p
(
"
c
h
e
c
k
e
d
"
,
t
r
u
e
)
时,
c
h
e
c
k
b
o
x
会被选中;设置
∗
∗
**("input[name='checkboxall']").prop("checked", true)时,checkbox会被选中; 设置**
∗∗("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属性,则不管当前是否选中,KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲selectAll").att…**(“#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