jQuery チェックボックスでチェックした値を取得する
Topic
- jQueryの使い方シンプルメモ
- チェックボックスの取得
- changeイベント
Usage
<input type="checkbox" class="colors" name="colors" value="1" checked>
<label for="red">red</label>
<input type="checkbox" class="colors" name="colors" value="2">
<label for="green">green</label>
checkedはチェック済みの要素を全て取得するeachでチェック済みのものを一つずつ取得できる
$('.colors').on('change', function() {
const checked = $('.colors:checked');
checked.each(function() {
console.log($(this).val());
});
});