【Vanilla JS】選択したチェックボックスの値をsessionStorageに保存する(全て選択、全て解除ボタンあり)

[ ID : 11906 ]
シルバー
【Vanilla JS】選択したチェックボックスの値をsessionStorageに保存する(全て選択、全て解除ボタンあり)
実装目安
3分

概要

選択したチェックボックスの値をsessionStorageに保存する処理をJavaScriptで実装する。「全て選択」、「全て解除」ボタンがある場合の処理も記載。

用途・要件

  • 選択したチェックボックスのvalue値を取得して配列に格納し、sessionStorageに保存する。
  • 「全て選択」ボタンをクリックすると、全てのチェックボックスが選択される。
  • 「全て解除」ボタンをクリックすると、全てのチェックボックスの選択が解除される。
  • リロード時、保存されたセッションデータを取得して対応するチェックボックスを選択状態にする。

検証ブラウザ

  • Google Chrome(最新)
  • Microsoft Edge(最新)
  • Firefox(最新)
  • Safari(最新)

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

新着記事

全ての記事を見る

KONOCODEのメリット 無料会員登録