localboxを使用してチェックボックスの値を保存する

Question

チェックボックスの状態をトグルする表示/非表示のdivがありますが、正常に動作しますが、localStorageにチェックボックスの状態を保存したいのですが、コードのローカル記憶域とそれを配置する場所どんな援助も感謝して受け取りました。

$(document).ready(function() { 
    $('#checkbox1').change(function() { 
     $('#div1').toggle(); 
    }); 
}); 

<input type="checkbox" id="checkbox1" value="1" /> 
<div id="div1">Text to be toggled</div> 

Answer 1

このお試しください：このhttp://jsfiddle.net/sQuEy/4/

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

Answer 2

チェック：

LocalStorage

$(document).ready(function() { 
    $('#checkbox1').change(function() { 
    $('#div1').toggle(); 
    if (typeof(Storage) !== "undefined") { 
     localStorage.setItem("CheckboxValue", $('#checkbox1').is(":checked")); 
    } else { 
     console.log("No Support for localstorage") 
    } 
    }); 
}); 

Answer 3

jsfiddle

jQuery(function($) { // Shorter document ready & namespace safer 

    // initiate the state 
    var checked = localStorage.getItem('checkbox1') 
    if (checked) { 
    $('#div1').hide() 
    $('#checkbox1').prop('checked', true) 
    } 

    // Toggle the visibility 
    $('#checkbox1').change(function() { 
    $('#div1').toggle(); 
    this.checked 
     ? localStorage.setItem(this.id, true) 
     : localStorage.removeItem(this.id) 
    }); 
}); 

Answer 4

ローカルストレージにチェックボックスの値を保存する必要がありました。おそらく、ローカルストレージにデータを格納するためのガイドとなるでしょう。 チェックボックスとボタンを作った。 "保存"ボタンをクリックすると、checkboxのIDを取得してlocalStorage.setItem（）で保存する関数が呼び出されます。

<input type="checkbox" id="cb1">checkbox</input> 
    <button type="button" onClick="save()">save</button> 
    function save() {  
    var checkbox = document.getElementById("cb1"); 
    localStorage.setItem("cb1", checkbox.checked); 
    } 

    //for loading 
    var checked = JSON.parse(localStorage.getItem("cb1")); 
    document.getElementById("cb1").checked = checked;