jQueryで特定のチェックボックスを除くすべてのチェックボックスを選択するにはどうすればよいですか?

How to Select All Checkboxes with jQuery Except for a Specific One?

When dealing with jQuery selectors, scenarios arise where you need to select a set of elements while excluding others. In this case, selecting all checkboxes present on a web page, but not a particular one, can be achieved with a few lines of jQuery code.

Given a markup consisting of a table with several input checkboxes, with one checkbox having a unique ID of "select_all," the objective is to select all checkboxes except the "#select_all" checkbox when it is clicked.

jQuery Code:

To accomplish this, you can utilize the following jQuery code:

$('#select_all').change(function() {
  var checkboxes = $(this).closest('form').find(':checkbox');
  checkboxes.prop('checked', $(this).is(':checked'));
});

Explanation:

• The change event is bound to the "select_all" checkbox using the $('#select_all').change(...) selector.
• When the checkbox is clicked or its state changes (i.e., checked or unchecked), the event handler function is executed.
• The $(this).closest('form').find(':checkbox'); selector retrieves all checkbox elements within the same form as the "select_all" checkbox. This excludes the "select_all" checkbox since it is the initiator of the event.
• The prop('checked', $(this).is(':checked')); line determines whether the "select_all" checkbox is checked or not. It then applies the same checked state to all other checkboxes in the form.

This approach effectively toggles the checked state of all checkboxes when the "select_all" checkbox is clicked.

以上がjQueryで特定のチェックボックスを除くすべてのチェックボックスを選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。