Localstorage：複数のセッションのチェックボックスステータスを上書きせずに保存

Question

私がしたいのは、前のステータスを上書きせずにユーザーが「送信」をクリックしたときにチェックボックスのステータスをlocalstorageに保存することです。したがって、localstorageは "true、false、false、true ..."などの値を持つ可能性があります。現時点では、新しいセッションでフォームを送信すると、localstorageはチェックボックスのステータスを上書きします。

JS：

document.addEventListener("deviceready",onDeviceReady,false); 

function onDeviceReady() { 
     document.getElementById("xbutton").addEventListener("click",savecheck,false); } 
function savecheck(){ 
    var checkb = document.getElementById("MedA"); 
    localStorage.setItem("MedA", checkb.checked); 
} 

HTML：

<form> 
     <div id='medA'> 
      <input type="checkbox" id="MedA" name="Med" value="A">Medication A 
     </div> 
<input id="xbutton" type="button" onClick="savecheck()" value="Submit"> 
</form> 

Answer 1

は一つのアプローチです：

function savecheck() { 
    var checkb = document.getElementById("MedA"); 
    var medAHistory = JSON.parse(localStorage.getItem('MedA') || "[]"); 
    medAHistory.push(checkb.checked); 
    localStorage.setItem("MedA", JSON.stringify(medAHistory)); 
} 

覚えておくべき事はlocalStorageをのみ、文字列値を格納できるということです。 つまり、localStorageに格納するときに、オブジェクトや配列を文字列にシリアル化してから、localStorageから読み込むときに逆シリアル化（解析）する必要があります。

メモ：以前に "MedA"アイテムをローカルストレージに保存していた場合は、（構文解析された）表現を単純な値から配列に変更する場合は削除する必要があります。

Answer 2

は、あなたがそのような何かを行うことができます。

function savecheck() { 
    var data = []; 
    data[0] = document.getElementById("MedA").checked; 
    localStorage.setItem("MedA", JSON.stringify(data)); 
} 

Answer 3

あなたは、現在のlocalStorageアイテムを取得することができます

var oldItem = localStorage.getItem("MedA"); 
var newItem = oldItem +", " + String(checkb.checked); 
localStorage.setItem(newItem, checkb.checked); 

0を

そして、カンマを扱う少しのロジックを追加することもできます（たとえば、元のローカルストレージ変数が空の場合はカンマなし）。ここで