jQuery對checkbox的各種操作

2021-10-09 07:34:36 字數 2479 閱讀 1441

1、根據id獲取checkbox

1 $(

"#cbcheckbox1"

);

2、獲取所有的checkbox

1 $(

"input[type='checkbox']");

//or

2 $(

"input[name='cb']"

);

3、獲取所有選中的checkbox

1 $(

"input:checkbox:checked");

//or

2 $(

"input:[type='checkbox']:checked");

//or

3 $(

"input[type='checkbox']:checked");

//or

4 $(

"input:[name='ck']:checked"

);

4、獲取checkbox值

1 $(

"#cbcheckbox1"

).val(

);

5、獲取多個選中的checkbox值

1 var vals =

;2 $(

'input:checkbox:checked'

).each(

function

(index

, item) )

;

6、判斷checkbox是否選中(jquery 1.6以前版本 用 $(this).attr(「checked」))

1 $(

"#cbcheckbox1"

).click(

function

() else

7 })

;

7、設定checkbox為選中狀態

1 $(

'input:checkbox'

).attr(

"checked"

,'checked');

//or

2 $(

'input:checkbox'

).attr(

"checked"

,true

);

8、設定checkbox為不選中狀態

1 $(

'input:checkbox'

).attr(

"checked",''

);//or

2 $(

'input:checkbox'

).attr(

"checked"

,false

);

9、設定checkbox為禁用狀態(jquery<1.6用attr,jquery>=1.6建議用prop)

1 $(

"input[type='checkbox']"

).attr(

"disabled"

,"disabled");

//or

2 $(

"input[type='checkbox']"

).attr(

"disabled"

,true);

//or

3 $(

"input[type='checkbox']"

).prop(

"disabled"

,true);

//or

4 $(

"input[type='checkbox']"

).prop(

"disabled"

,"disabled"

);

10、設定checkbox為啟用狀態(jquery<1.6用attr,jquery>=1.6建議用prop)

1 $(

"input[type='checkbox']"

).removeattr(

"disabled");

//or

2 $(

"input[type='checkbox']"

).attr(

"disabled"

,false);

//or

3 $(

"input[type='checkbox']"

).prop(

"disabled",""

);//or

4 $(

"input[type='checkbox']"

).prop(

"disabled"

,false

);

注意:操作checkbox的checked,disabled屬性時jquery1.6以前版本用attr,1.6以上(包含)建議用prop

jquery對checkbox的操作

一 通過選擇器選取checkbox 1.給checkbox設定乙個id屬性,通過id選擇器選取 inputtype checkbox name mybox id chkone value 1 checked checked jquery chkone click function 2.給checkb...

jquery中對CheckBox的操作

1.獲取所有name notify 的選中的checkbox的值 var notifyary var textary input checkbox name notify checked each function jquery判斷checked的三種方法 attr checked 看版本1.6 返...

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