本文介绍: 1 //注意: 操作checkboxchecked,disabled属性jquery1.6以前版本attr,1.6以上(包含建议prop23 //1、根据id获取checkbox4 $(“#cbCheckbox1″);56 //2、获取所有的checkbox7 $(“input[type=‘checkbox’]”);//or8 $(“input[name=‘cb’]”);910 //3、获取所有选中checkbox11

1 //注意: 操作checkboxchecked,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&gt;=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&gt;=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

原文地址:https://blog.csdn.net/H5_wenshao/article/details/123704014

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_16193.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注