jQuery對checkbox的各種操作

2022-04-01 09:45:58 字數 2237 閱讀 2965

//


注意： 操作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值


var vals =;


$('input:checkbox:checked').each(function


(index, item) );


//


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);

//6、判斷checkbox是否選中（jquery 1.6以前版本 用  $(this).attr("checked")）
jquery判斷checked的三種方法:


.attr('checked); //看版本1.6+返回:」checked」或」undefined」 ;1.5-返回:true或false


.prop('checked'); //16+:true/false


.is(':checked'); //所有版本:true/false//別忘記冒號哦




方法一（建議）：


if ($("#checkbox-id").get(0).checked) 


方法二（建議）：


if($('#checkbox-id').is(':checked')) 


方法三：


$("#cbcheckbox1").click(function


() 


else


});
方法四：


if ($('#checkbox-id').prop('checked'))
 
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...