Webストレージ(妙味)
2371 ワード
Cookie
Cookieの特徴
Storage
Storageの特徴
Storage API
Storage API 2
var inputs=document.getElementsByTagName("input");
var len=inputs.length;
for(var i=0;i<len;i++){
inputs[i].onclick=function(e){
if(this.checked){
window.localStorage.setItem("sel",this.value);
}else{
window.localStorage.setItem("nosel",this.value);
}
}
}
window.addEventListener("storage",function(e){
console.log(1111);
if(e.key==="sel"){
for(var i=0;i<len;i++){
if(inputs[i].value===e.newValue){
inputs[i].checked=true;
}
}
}else if(e.key==="nosel"){
for(var i=0;i<len;i++){
if(inputs[i].value===e.newValue){
inputs[i].checked=false;
}
}
}
})