jquery判斷是否選中checkbox的方法:1、使用is判斷,程式碼為【if($('#checkbox-id').is(':checked'))】;2、使用attr判斷,程式碼為【if ($('#checkbox-id').attr()】。
推薦:《》
該方法適用於所有品牌電腦
jquery判斷是否選中checkbox的方法:
方法一(建議):
if ($("#checkbox-id").get(0).checked) { // do something }
感謝豆瓣綠補充:
if ($("#checkbox-id")[0].checked) { // do something }
方法二(建議):
if($('#checkbox-id').is(':checked')) { // do something }
方法三(可能無效):
if ($('#checkbox-id').attr('checked')) { // do something }
方法四:
if ($('#checkbox-id').prop('checked')) { // do something }
jquery對checkbox的各種操作
//注意: 操作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) { vals.push($(this).val()); }); //6、判斷checkbox是否選中(jquery 1.6以前版本 用 $(this).attr("checked")) $("#cbCheckbox1").click(function () { if ($(this).prop("checked")) { alert("選中"); } else { alert("沒有選中"); } }); //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);
相關免費學習推薦:(視訊)
以上就是jquery如何判斷是否選中checkbox的詳細內容,更多請關注TW511.COM其它相關文章!