Приветствую всех, задача такая, нужно у нескольких checkboxов сохранить их активность в localStorage, я в этом деле новичок, поэтому не знаю как сделать правильно.
Например есть 2 checkboxа (по факту их будет больше)
<input type="checkbox" class="stat" name="column-1" value="1" checked >
<input type="checkbox" class="stat" name="column-2" value="2" checked >
функция записывающая в localStorage
$(".stat").change(function (event) {
if (this == event.target) {
var key = this.name;
if ($(this).is(":checked")) {
localStorage.setItem(key, "true");
} else {
localStorage.setItem(key, "false");
}
}
});
И вот здесь я делаю проверку
if (localStorage.getItem('column-1') == "true") {
$("input[name = column-1]").attr("checked");
} else {
$("input[name = column-1]").removeAttr("checked");
}
if (localStorage.getItem('column-2') == "true") {
$("input[name = column-2]").attr("checked");
} else {
$("input[name = column-2]").removeAttr("checked");
}
Ну если бы было всего 2 checkboxа, то я бы больше не стал бы головову ломать что дальше делать, но у меня должно быть больше checkboxов,
подскажите как сделать правильную проверку для большого кол-ва checkbox