複数のチェックボックスを上書きせずにローカルストレージに保存

Question

フォームの送信時にチェックボックスのステータス（true/false）をlocalstorageに書き込むためのチェックボックスがあります。

ユーザがボックスにチェックを入れて送信をクリックすると、localstorageに格納されている値は "true"になります。しかし、私がしたくないのは、ユーザーがアプリケーションを再オープンしてフォームを再度送信すると、データが上書きされるためです。たとえば、ユーザーが次回にアプリケーションを再起動し、そのボックスをチェックしないと決めた場合特定のセッションでは、localstorageの値は "true、false"などにする必要があります。

JSON.stringifyを使用する必要がありますが、ここにどのように統合するかは正確にはわかりません。

<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

そして今のjQueryで：

var MedA = [100]; 
localStorage.setItem("index",0); 

function savecheck(){ 

    if($('input[name="chk[]"]:checked')){ 
     MedA[localStorage.getItem("index")] = $('input[name="chk[]"]').val(); 
     localStorage.setItem("index",localStorage.getItem("index")+1); 
     localStorage.setItem("MedA", JSON.stringify(MedA)); 
    } 


} 

ローカルストレージの使用

function getSavedcheck(){ 

    var storedMedA = JSON.parse(localStorage.getItem("MedA")); 

    return storedMedA; 
} 

Answer 2

ユーザーは変更せずにフォームを送信する場合は、そう、その後、のlocalStorageからチェックボックスの状態をロードする必要があります。

はここに（私はPhoneGapのを使用しています）

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私のjsですチェックボックスの状態は、それは変更されません。

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

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

function savecheck(){ 
    var checkb = document.getElementById("MedA"); 
    localStorage.setItem("MedA", checkb.checked); 
}