jQueryを使用してチェックされたチェックボックスの値の配列を取得する方法


方法1: each()メソッドを使用する方法

var checkedValues = [];
$("input[type='checkbox']:checked").each(function(){
  checkedValues.push($(this).val());
});
console.log(checkedValues);

この方法では、each()メソッドを使用して、チェックされた各チェックボックスの値を取得し、checkedValues配列に追加します。最終的に、checkedValues配列にはチェックされたチェックボックスの値が含まれます。

方法2: map()メソッドを使用する方法

var checkedValues = $("input[type='checkbox']:checked").map(function(){
  return $(this).val();
}).get();
console.log(checkedValues);

この方法では、map()メソッドを使用して、チェックされた各チェックボックスの値を配列にマッピングします。最終的に、checkedValues配列にはチェックされたチェックボックスの値が含まれます。

これらの方法を使用すると、チェックされたチェックボックスの値を効果的に取得できます。適切な方法を選択し、プロジェクトの要件に応じてカスタマイズしてください。