HTML - チェックボックスの値をローカルに保存して取得します。

Question

私はHTML Webアプリケーションを開発中です。 5つのチェックボックスがあり、SAVEボタンをクリックすると、チェックされた値をローカルに保存する必要があります。 SHOWボタンをクリックすると、チェックされたデータをローカルストレージから取得して表示する必要があります。私はこれをどうやって行うのか分かりません。私はこれを完了するために手伝ってください。前もって感謝します。

Answer 1

このお試しください：JavaScriptのあなたのチェックボックスの値を設定することを忘れないでください http://jsfiddle.net/sQuEy/4/

をブール値を使用する必要がありますが、Webストレージはすべての値を文字列として保存します。だから：

checkboxes[i].checked = localStorage.getItem(checkboxes[i].value) === 'true' ? true:false; 

Answer 2

がquirksmodeから3つの単純な機能を取り入れ、このコードを試してみてください、あなたがこれを行うことができます：

function createCookie(name,value,days) { 
    if (days) { 
     var date = new Date(); 
     date.setTime(date.getTime()+(days*24*60*60*1000)); 
     var expires = "; expires="+date.toGMTString(); 
    } 
    else var expires = ""; 
    document.cookie = name+"="+value+expires+"; path=/"; 
} 

function readCookie(name) { 
    var nameEQ = name + "="; 
    var ca = document.cookie.split(';'); 
    for(var i=0;i < ca.length;i++) { 
     var c = ca[i]; 
     while (c.charAt(0)==' ') c = c.substring(1,c.length); 
     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 
    } 
    return null; 
} 

function eraseCookie(name) { 
    createCookie(name,"",-1); 
} 

createCookie("checkboxes", $("input:checkbox").serialize(), 30); 
alert(readCookie("checkboxes"));