Jquery是一種非常流行的JavaScript庫,可以幫助開發(fā)人員更加高效地操作DOM元素、處理事件、實現(xiàn)動畫效果等等。其中,Jquery Checkbox是一種可以用來處理復(fù)選框的類型,可以用于獲取當前選中項的值、切換復(fù)選框的選中狀態(tài)等等。
//獲取所有選中的復(fù)選框的值 var selectedValues = []; $('input[type=checkbox]:checked').each(function(){ selectedValues.push($(this).val()); }); //切換所有復(fù)選框的狀態(tài) $('input[type=checkbox]').each(function(){ $(this).prop('checked', !$(this).prop('checked')); });
上面的代碼中,我們通過Jquery選擇器來選擇所有選中的復(fù)選框,并使用each()方法遍歷這些復(fù)選框。針對每個復(fù)選框,我們通過val()方法獲取它的值,然后將其存儲在selectedValues數(shù)組中。這樣,我們就可以得到所有選中的復(fù)選框的值。
另外,我們還演示了如何切換所有復(fù)選框的選中狀態(tài)。這里使用了prop()方法來獲取或設(shè)置元素的屬性值。它接受兩個參數(shù),第一個參數(shù)表示要獲取或設(shè)置的屬性名(這里是checked),第二個參數(shù)表示屬性值。通過將它的布爾值取反,我們就可以實現(xiàn)復(fù)選框狀態(tài)的切換。