jQuery对checkbox的各种操作

1 //注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上（包含）建议用prop
2
3 //1、根据id获取checkbox
4 $("#cbCheckbox1");
5
6 //2、获取所有的checkbox
7 $(“input[type=‘checkbox’]”);//or
8 $(“input[name=‘cb’]”);
9
10 //3、获取所有选中的checkbox
11 $(“input:checkbox:checked”);//or
12 $(“input:[type=‘checkbox’]:checked”);//or
13 $(“input[type=‘checkbox’]:checked”);//or
14 $(“input:[name=‘ck’]:checked”);
15
16 //4、获取checkbox值
17 //用.val()即可，比如：
18 $("#cbCheckbox1").val();
19
20
21 //5、获取多个选中的checkbox值
22 var vals = [];
23 KaTeX parse error: Expected '}', got 'EOF' at end of input: … vals.push((this).val());
25 });
26
27 //6、判断checkbox是否选中（jquery 1.6以前版本 用 $(this).attr(“checked”)）
28 KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲cbCheckbox1").c…(this).prop(“checked”)) {
30 alert(“选中”);
31 } else {
32 alert(“没有选中”);
33 }
34 });
35
36 //7、设置checkbox为选中状态
37 $(‘input:checkbox’).attr(“checked”, ‘checked’);//or
38 $(‘input:checkbox’).attr(“checked”, true);
39
40 //8、设置checkbox为不选中状态
41 $(‘input:checkbox’).attr(“checked”, ‘’);//or
42 $(‘input:checkbox’).attr(“checked”, false);
43
44 //9、设置checkbox为禁用状态(jquery<1.6用attr,jquery>=1.6建议用prop)
45 $(“input[type=‘checkbox’]”).attr(“disabled”, “disabled”);//or
46 $(“input[type=‘checkbox’]”).attr(“disabled”, true);//or
47 $(“input[type=‘checkbox’]”).prop(“disabled”, true);//or
48 $(“input[type=‘checkbox’]”).prop(“disabled”, “disabled”);
49
50 //10、设置checkbox为启用状态(jquery<1.6用attr,jquery>=1.6建议用prop)
51 $(“input[type=‘checkbox’]”).removeAttr(“disabled”);//or
52 $(“input[type=‘checkbox’]”).attr(“disabled”, false);//or
53 $(“input[type=‘checkbox’]”).prop(“disabled”, “”);//or
54 $(“input[type=‘checkbox’]”).prop(“disabled”, false);

复制代码
1
2
3
4
5
6
7

jQuery操作checkbox
8

9
10
11
12
13
14

15
16

17

18
19

20
21
22