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

jQuery を使用したチェックボックスの選択

Web 開発では、jQuery などの JavaScript フレームワークが DOM 要素を操作するための強力なセレクターを提供します。一般的なシナリオの 1 つは、フォーム上で複数のチェックボックスを選択することです。ここでは、jQuery を使用して、特定のチェックボックスを除くすべてのチェックボックスを簡単に選択する方法を示します。

次のようなマークアップを考えてみましょう。

<form>
  <table>
    <tr>
      <td><input type="checkbox">

id="select_all" のチェックボックスがクリックされると、目標が達成されます。 select[] という名前の他のすべてのチェックボックスを選択または選択解除することです。

これが jQuery ソリューションです:

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

このコードは次の処理を行います:

1. ID を使用して select_all という名前のチェックボックスを使用します。
2. 変更イベント リスナーをそれにアタッチします。
3. リスナーがトリガーされると、フォーム内のすべてのチェックボックスが検索されます。
4. その後、設定されますselect_all チェックボックスのチェック ステータスに基づいて、見つかったすべてのチェックボックスの selected プロパティ。

このコードは、select_all チェックボックスがクリックされたときに、他のすべてのチェックボックスのチェック ステータスを効果的に切り替えます。ただし、このコードは、チェックボックスが select_all チェックボックスと同じフォーム内にある場合にのみ機能することに注意することが重要です。

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