Javascript-форум - Как сохранить значение checkbox при перезагрузки по классу

Javascript-форум (https://javascript.ru/forum/)

- Javascript под браузер (https://javascript.ru/forum/css-html/)

- - Как сохранить значение checkbox при перезагрузки по классу (https://javascript.ru/forum/css-html/78938-kak-sokhranit-znachenie-checkbox-pri-perezagruzki-po-klassu.html)

Как сохранить значение checkbox при перезагрузки по классу

Есть формы
<input class="t-checkbox js-store-filter-opt-chb" type="checkbox" name="3W Clinic">

<input class="t-checkbox js-store-filter-opt-chb" type="checkbox" name="Esthetic House">

<input class="t-checkbox js-store-filter-opt-chb" type="checkbox" name="Koelf">

и т.д. класс у них у всех одинаковый а name разные. Необходимо сохранить значение при перезагрузки. Пытался сам но не получается. Помогите пожалуйста.

побывал и так
<script>
$(document).ready(function() {

$.cookie('pname', $('input[name=3W Clinic]:checked').val() , {
expires: 1
});
$("input[name=3W Clinic]:checked").val($.cookie('pname'));
});
</script>

и так

<script>
$(document).ready(function() {
var vibor = (".js-store-filter-opt").val();
$.cookie('pname', vibor).val() , {
expires: 1
});
$("input[name=3W Clinic]:checked").val($.cookie('pname'));
});
</script>

Используйте LocalStorage не зачем cookie там

Попробовал так не работает

<script type="text/javascript">
var vibor = $('input[name=brand]:hidden').val();
$.localStorage.setItem('pname', vibor);
$("input[name=brand]:hidden").val($.localStorage.getItem('pname'));
</script>

может ошибка где?

Цитата:

Сообщение от svileff

может ошибка где?

а где change?

У меня структура странная поэтому всяка пытаюсь. Сама структура:

<div class="t-store__filter__item-controls-container">
<input type="hidden" class="js-store-filter-opt" name="brand" data-info-type="array">

<label class="t-checkbox__control t-descr t-descr_xxs">
<input class="t-checkbox js-store-filter-opt-chb" type="checkbox" name="3W Clinic">
<div class="t-checkbox__indicator"></div>3W Clinic
</label>

<label class="t-checkbox__control t-descr t-descr_xxs">
<input class="t-checkbox js-store-filter-opt-chb" type="checkbox" name="Elizavecca">
<div class="t-checkbox__indicator"></div>Elizavecca
</label>

<label class="t-checkbox__control t-descr t-descr_xxs">
<input class="t-checkbox js-store-filter-opt-chb" type="checkbox" name="Esthetic House">
<div class="t-checkbox__indicator"></div>Esthetic House
</label>

<label class="t-checkbox__control t-descr t-descr_xxs">
<input class="t-checkbox js-store-filter-opt-chb" type="checkbox" name="Koelf">
<div class="t-checkbox__indicator"></div>Koelf
</label>

</div>

есть input который сохраняет результат нажатие name="brand" побывал его сохранять. Если галочки нажаты то выдает:

value="3W Clinic&&Elizavecca&&Esthetic House&&Koelf"

как грамотно сохранить результат нажатие.

svileff,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Цитата:

Сообщение от svileff

как грамотно сохранить результат нажатие.

ссылка на код пост#5

svileff,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
 </head>

<body>
<div class="t-store__filter__item-controls-container">
<input type="hidden" class="js-store-filter-opt" name="brand" data-info-type="array">

<label class="t-checkbox__control t-descr t-descr_xxs">
<input class="t-checkbox js-store-filter-opt-chb" type="checkbox" name="3W Clinic">
<div class="t-checkbox__indicator"></div>3W Clinic
</label>

<label class="t-checkbox__control t-descr t-descr_xxs">
<input class="t-checkbox js-store-filter-opt-chb" type="checkbox" name="Elizavecca">
<div class="t-checkbox__indicator"></div>Elizavecca
</label>

<label class="t-checkbox__control t-descr t-descr_xxs">
<input class="t-checkbox js-store-filter-opt-chb" type="checkbox" name="Esthetic House">
<div class="t-checkbox__indicator"></div>Esthetic House
</label>

<label class="t-checkbox__control t-descr t-descr_xxs">
<input class="t-checkbox js-store-filter-opt-chb" type="checkbox" name="Koelf">
<div class="t-checkbox__indicator"></div>Koelf
</label>

</div>
<script>
(function(b) {
    var e = document.querySelectorAll(b),
        a = localStorage.getItem(b),
        a = (a = JSON.parse(a)) || (a = {}, localStorage.setItem(b, JSON.stringify(a)));
    e.forEach(function(c, d) {
        void 0 !== a[d] && (c.checked = a[d]);
        c.addEventListener("change", function() {
            a[d] = c.checked;
            localStorage.setItem(b, JSON.stringify(a))
        })
    })
})(".t-checkbox");
</script>
</body>
</html>

не срабатывает! И что за b значение передается?