jQuery中的checked數組是一種非常方便的數組類型,它允許您輕松地在DOM中對已選中的復選框進行操作。當您使用jQuery選中復選框時,checked數組將包含與此相關的所有DOM元素。此外,您還可以使用checked數組來獲取或設置選中的復選框的值。
$(document).ready(function() { // 獲取所有選中的復選框的值 var selected = []; $('input[type="checkbox"]:checked').each(function() { selected.push($(this).val()); }); // 設置選中的復選框的值 var newSelections = ['value1', 'value2', 'value3']; $.each(newSelections, function(index, value) { $('input[type="checkbox"][value="' + value + '"]').prop('checked', true); }); });
在上面的示例中,我們首先利用選擇器檢索所有選中的復選框,然后遍歷這些復選框,將它們的值存儲在一個數組中。$('input[type="checkbox"]:checked')
選擇器將選中所有具有選中狀態的復選框。
接下來,我們演示了如何使用checked數組來設置選中的復選框的值。如果您有一個包含新選擇的值的數組,您可以使用$.each
函數迭代該數組。對于每個值,我們使用選擇器找到對應的復選框,并使用.prop('checked', true)
將其設置為選中狀態。
總的來說,checked數組提供了一種靈活和便捷的方法,讓您輕松管理選中的復選框。
下一篇單選復選css