在處理 jQuery 選擇器時,會出現需要選擇一組元素同時排除的情況其他的。在這種情況下,選擇網頁上存在的所有複選框,而不是特定的複選框,可以透過幾行 jQuery 程式碼來實現。
給定一個由具有多個輸入複選框的表組成的標記,其中一個具有唯一ID 為“select_all”的複選框,目標是在單擊時選擇除“#select_all”複選框之外的所有複選框。
jQuery 程式碼:
為此,您可以使用以下jQuery 程式碼:
$('#select_all').change(function() { var checkboxes = $(this).closest('form').find(':checkbox'); checkboxes.prop('checked', $(this).is(':checked')); });
說明:
當按一下核取方塊或其狀態變更(即選取或未選取)時,將執行事件處理函數。
$(this).closest('form').find(':checkbox');選擇器會擷取與「select_all」複選框相同的表單中的所有核取方塊元素。這排除了“select_all”複選框,因為它是事件的發起者。 prop('checked', $(this).is(':checked'));行決定是否選取「select_all」複選框。然後,它將相同的選取狀態套用至表單中的所有其他核取方塊。 當點選「select_all」複選框時,此方法可以有效地切換所有複選框的選取狀態。以上是如何使用 jQuery 選擇除特定複選框之外的所有複選框?的詳細內容。更多資訊請關注PHP中文網其他相關文章!