jQueryを使用して選択されたチェックボックスを取得する方法

方法1: チェックボックスの属性を使用する方法

var selectedCheckboxes = $('input[type="checkbox"]:checked');

このコードでは、'input[type="checkbox"]:checked' セレクタを使用して、選択されたチェックボックスの要素を取得しています。取得した要素は、selectedCheckboxes 変数に格納されます。

方法2: each()関数を使用する方法

var selectedCheckboxes = [];
$('input[type="checkbox"]').each(function() {
  if ($(this).is(':checked')) {
    selectedCheckboxes.push($(this));
  }
});

このコードでは、each()関数を使用して、各チェックボックス要素を反復処理し、選択された要素を selectedCheckboxes 配列に追加しています。

方法3: フォームのIDを使用する方法

var selectedCheckboxes = $('#myForm input[type="checkbox"]:checked');

このコードでは、フォームのID（ここでは 'myForm' と仮定）を使用して特定のフォーム内の選択されたチェックボックスを取得しています。

これらの方法は、異なるシナリオに応じて使用することができます。選択されたチェックボックスを取得した後は、さまざまな操作を行うことができます（例:選択された値を取得する、選択された要素を処理するなど）。