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

jQuery で特定のチェックボックスを除くすべてのチェックボックスを選択する方法

jQuery セレクターを扱うとき、要素を除外しながら一連の要素を選択する必要があるシナリオが発生します。その他。この場合、Web ページに存在するすべてのチェックボックスを選択するが、特定のチェックボックスを選択することは、数行の jQuery コードで実現できます。

複数の入力チェックボックスを含むテーブルで構成されるマークアップがあり、そのうちの 1 つが含まれるとします。 「select_all」という一意の ID を持つチェックボックス。目的は、クリックされたときに「#select_all」チェックボックスを除くすべてのチェックボックスを選択することです。

jQuery コード:

これを実現するには、次の jQuery コードを利用できます。

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

説明:

• 変更イベントは、以下を使用して「select_all」チェックボックスにバインドされます。 $('#select_all').change(...) セレクター。
• チェックボックスがクリックされるか、その状態が変化すると (つまり、オンまたはオフ)、イベント ハンドラー関数が実行されます。
• $(this).closest('form').find(':checkbox'); selector は、「select_all」チェックボックスと同じフォーム内のすべてのチェックボックス要素を取得します。これにより、「select_all」チェックボックスはイベントのイニシエーターであるため除外されます。
• The prop('checked', $(this).is(':checked'));この行は、「select_all」チェックボックスがチェックされているかどうかを決定します。次に、同じチェック状態をフォーム内の他のすべてのチェックボックスに適用します。

この方法では、「select_all」チェックボックスがクリックされたときに、すべてのチェックボックスのチェック状態が効果的に切り替わります。

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