本当はローカルストレージだけど、説明が面倒なのでクッキーと呼ぶことにする。書き込んだ内容を設定として保持しておき、次に開いたときもその状態のままにしておく。
//クッキーの読み込み
document.addEventListener("DOMContentLoaded", function(){
if (localStorage["datalist"]) {
//localstrageから読み出す
datalist=JSON.parse(localStorage.getItem("datalist"))
//状態の書き換え
binding=document.getElementById(datalist[0])
binding.checked = true
panel=document.getElementById(datalist[1])
panel.checked = true
document.getElementById('title').value=datalist[2]
document.getElementById('author1').value=datalist[3]
document.getElementById('author2').value=datalist[4]
}
});
//状態の取得
var cookie = function (){
bindingid=document.querySelector('input[name="radio"]:checked').id
panelid=document.querySelector('input[name="radio2"]:checked').id
title = document.getElementById('title').value
author1 = document.getElementById('author1').value
author2 = document.getElementById('author2').value
var datalist =[bindingid,panelid,title,author1,author2]
//localstrageに保存
localStorage.setItem("datalist", JSON.stringify(datalist))
}
//保存をクリックしたときに実行
cookie();
クッキーのクリア
localStorage.removeItem('datalist')
参考: