原文由 zqifa 发表于 http://www.cnblogs.com/zqifa/p/jquery-checkbox-1.html,版权归原作者所有。

jquery判断checked的三种方法:

1
2
3
.attr('checked'); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'); //1.6+:true/false
.is(':checked'); //所有版本:true/false//别忘记冒号哦

jquery赋值checked的几种写法:

1
2
3
4
5
6
7
8
9
10
11
12
//所有的jquery版本都可以这样赋值:
$("#cb1").attr("checked", "checked");
$("#cb1").attr("checked", true);
//jquery1.6+:prop的4种赋值:
$("#cb1").prop("checked", true);
$("#cb1").prop({checked: true});
$("#cb1").prop("checked", function () {
return true;//函数返回true或false
});

//记得还有这种哦:
$("#cb1″).prop("checked","checked");

checkbox click和change事件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
//方法1:
$("#ischange").change(function () {
alert("checked");
});

//方法2:
$(function () {
if ($.browser.msie) {
$('input:checkbox').click(function () {
this.blur();
this.focus();
});
}
});

//方法3:
$("#ischange").change(function () {
alert("checked");
});

//方法4:
$(function () {
if ($.browser.msie) {
$('input:checkbox').click(function () {
this.blur();
this.focus();
});
}
});

//方法5:
$(document).ready(function () {
$("testCheckbox").change(function () {
alert("Option changed!");
});
});