JavaScript: 全選択したチェックボックスの値を配列で取得するサンプル - Qiita

はじめに チェックボックスの全選択・全解除と、ボタンを押したときにチェックされているチェックボックスの値を配列で取得するUIサンプルを作ります。（最後にサンプルもあります） 全選択・全解除では、以下のように動作するようにします。 全選択をチェック後、各選択肢のチェックを外す => 全選択のチェックが外れる。 各選択肢のチェックボックスを全てチェックする => 全選択がチェックされる。 HTML <!-- 全選択 --> <label><input type="checkbox" id="check_all" name="check_all">すべて</label> <!-- 選択肢 --> <div id="items"> <label><input type="checkbox" name="fruits" value="apple" class="item">りんご</label> <