jQuery對checkbox的各種操作

2022-03-21 20:58:33 字數 4967 閱讀 5248

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

//1、根據id獲取checkbox

$("#cbcheckbox1");

//2、獲取所有的checkbox

$("input[type='checkbox']");//or

$("input[name='cb']");

//3、獲取所有選中的checkbox

$("input:checkbox:checked");//or

$("input:[type='checkbox']:checked");//or

$("input[type='checkbox']:checked");//or

$("input:[name='ck']:checked");

//4、獲取checkbox值

//用.val()即可,比如:

$("#cbcheckbox1").val();

//5、獲取多個選中的checkbox值

varvals = ;

$('input:checkbox:checked').each(function(index, item) );

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

$("#cbcheckbox1").click(function()else

});

//7、設定checkbox為選中狀態

$('input:checkbox').attr("checked",'checked');//or

$('input:checkbox').attr("checked",true);

//8、設定checkbox為不選中狀態

$('input:checkbox').attr("checked",'');//or

$('input:checkbox').attr("checked",false);

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

$("input[type='checkbox']").attr("disabled","disabled");//or

$("input[type='checkbox']").attr("disabled",true);//or

$("input[type='checkbox']").prop("disabled",true);//or

$("input[type='checkbox']").prop("disabled","disabled");

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

$("input[type='checkbox']").removeattr("disabled");//or

$("input[type='checkbox']").attr("disabled",false);//or

$("input[type='checkbox']").prop("disabled","");//or

$("input[type='checkbox']").prop("disabled",false);12

3456

78910

1112

1314

1516

1718

1920

2122

2324

2526

2728

2930

3132

3334

3536

3738

3940

4142

4344

4546

4748

4950

5152

5354

5556

5758

5960

6162

6364

6566

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