Как установить флажок, используя значение localStorage

Question

Я использую флажки, значение - это раскрывающийся список.

<div class="form-group" id="permission">
    <label> Permission : </label>
    <input type="checkbox" name="permission" id="pRead" value="pread" > Read 
    <input type="checkbox" name="permission" id="pWrite" value="pwrite"> Write 
    <input type="checkbox" name="permission" id="pDelete" value="pdelete" > Delete 
<div>

Answer 1

У меня есть некоторый код, который запоминает мои состояния флажков, которые я пытаюсь изменить, чтобы он сохранял состояние каждого флажка в localalstorage и вызывал его при загрузке документа, так что даже если вы закроете браузер, он все равно будет помнить состояние каждого флажка.

$(document).ready(function() { 
    // Set aside the original state of each checkbox.
    $("input.toggle").each(function() {
        $(this).data("originallyChecked", $(this).is(":checked"));
        localStorage.setItem(chkbox, originallyChecked);
    }); 
    // Check whether it really changed on click.
    $("input.toggle").change(function() {
        var action = $(this).siblings("span");          
    });
}); 
    $(document).ready(function() {
         $("input#select-all").click(function() {
         $("input.toggle").attr('checked', this.checked);
        $("input.toggle").change();
     });
});

Answer 2

Попробуйте это.

$('input[name="permission"][value="' + value + '"]:checkbox"').prop('checked',true);

"значение" будет значением вашего локального хранилища