如何使用 jQuery 選擇除特定複選框之外的所有複選框？

如何使用 jQuery 選擇除特定複選框之外的所有複選框？

在處理 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'));
});

說明：

• 說明：
說明：
• change 事件綁定到使用$('#select_all').change(...) 選擇器的「select_all」複選框。
• 當點選複選框或其狀態變更（即選取或未選取）時，事件處理函數為執行。

$(this).closest('form').find(':checkbox');選擇器會擷取與「select_all」複選框相同的表單中的所有核取方塊元素。這排除了“select_all”複選框，因為它是事件的發起者。

prop('checked', $(this).is(':checked'));行決定是否選取「select_all」複選框。然後，它將相同的選取狀態套用至表單中的所有其他核取方塊。 當點選「select_all」複選框時，此方法可以有效地切換所有複選框的選取狀態。

以上是如何使用 jQuery 選擇除特定複選框之外的所有複選框？的詳細內容。更多資訊請關注PHP中文網其他相關文章！