実装目安
3分
概要
選択したチェックボックスの値をsessionStorageに保存する処理をJavaScriptで実装する。「全て選択」、「全て解除」ボタンがある場合の処理も記載。用途・要件
- 選択したチェックボックスのvalue値を取得して配列に格納し、sessionStorageに保存する。
- 「全て選択」ボタンをクリックすると、全てのチェックボックスが選択される。
- 「全て解除」ボタンをクリックすると、全てのチェックボックスの選択が解除される。
- リロード時、保存されたセッションデータを取得して対応するチェックボックスを選択状態にする。
検証ブラウザ
- Google Chrome(最新)
- Microsoft Edge(最新)
- Firefox(最新)
- Safari(最新)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
