jQuery的checkbox遍歷選中,可以幫助我們針對頁面上多個checkbox進行復選框操作,方便快捷,下面我們就來看看如何實現(xiàn)。
// 獲取選中的復選框,返回一個數(shù)組 $("input[type='checkbox']:checked"); // 遍歷所有復選框,判斷是否選中并輸出value $("input[type='checkbox']").each(function(){ if($(this).is(":checked")){ console.log($(this).val()); } });
以上是獲取選中復選框和遍歷所有復選框的兩種方法,根據(jù)實際需求進行選擇。
如果需要對選中的復選框進行特定操作,可以使用以下代碼:
// 給選中的復選框添加樣式 $("input[type='checkbox']:checked").parent().addClass("checked"); // 將選中的復選框的value放入數(shù)組中 var checkedArr = []; $("input[type='checkbox']").each(function(){ if($(this).is(":checked")){ checkedArr.push($(this).val()); } }); console.log(checkedArr);
以上代碼可以幫助我們對選中的復選框進行樣式添加和值處理,方便我們在后續(xù)操作中使用。