Сохранение состояния checkbox в localStorage

@артист · Регистрация: 17.09.2014

Author24 — интернет-сервис помощи студентам

Вот у меня есть несколько флажков(ну штук 30 допустим):

HTML5

1
2
3

<input type="checkbox" id="ch1" name="ch1" onclick="save_checkbox(1, "ch1")">
<input type="checkbox" id="ch2" name="ch2" onclick="save_checkbox(2, "ch2")">
<input type="checkbox" id="ch3" name="ch3" onclick="save_checkbox(3, "ch3")">

Хочу сделать одну функцию для сохранения их значения:
Но из - за отсутствия знаний синтаксиса/функций не знаю как это сделать/сделать лучше.

Javascript

function save_checbox(n, name)
{
    var data = window.localStorage.data // Создать массив, получить в него строку
    data[n] = document.getElementById(name).checked // Изменить ячейку с ид флажка на его статус(чекнут/нет)
    window.localStorage.data = data // Записать строку обратно
}

Вот например как оно вообще сможет без размеров работать?:

Javascript

1	var data = window.localStorage.data

Потом, не уверен что так можно передавать аргументы функции:

Javascript

1	onclick="save_checkbox(2, "ch2")

Помогите пожалуйста?
Как его так, чтоб всё заработало?

@Fedor Vlasenko · 27.09.2016, 23:51

эта микробиблиотека https://github.com/Poznakomlus/localstorage
позволяет хранить функции, массивы и объекты в localstorage
по крайней мере гляньте как реализована система хранения массивов

@артист · 28.09.2016, 09:01 **[ТС]**

Там ничего не понял.
На htmlbook нашел, сделал так:

HTML5

<table id="resources" style="width:400px; height:380px;" border="1" cellspacing="0" cellpadding="0">
    <tr style="height:24px;" valign="center">
        <td align="center"><input type="checkbox" id="buy_wood" onclick="save_checkbox('buy_wood')"></td>
        <td align="center"><input type="checkbox" id="sale_wood" onclick="save_checkbox('sale_wood')"></td>
    </tr>
    <tr style="height:24px;" valign="center">
        <td align="center"><input type="checkbox" id="buy_ore" onclick="save_checkbox('buy_ore')"></td>
        <td align="center"><input type="checkbox" id="sale_ore" onclick="save_checkbox('sale_ore')"></td>
    </tr>
</table>

Javascript

function save_checkbox(name)
{
    localStorage[name] = document.getElementById(name).checked ? 1 : 0
}
function load_checkbox()
{
    var table = document.getElementById('resources')
    var input = table.getElementsByTagName('input')
 
    for(var i = 0; i < input.length; i++)
    {
        var checkbox = input[i]
        checkbox.checked = parseInt(localStorage[checkbox.id], 10)
    }
}

Всё работает ))

@ntlinuxnt · 28.09.2016, 15:21

Один совет оставляйте открывающую фигурную скобку на той же строке.

Javascript

1 2	function load_checkbox(){ }

иначе когда нибудь отстрелите себе ноги.

@j2FunOnly · 28.09.2016, 15:51

Не по теме:

ntlinuxnt, отголоски php - там наоборот открывающую фигурную скобку рекомендуют выносить. И почему вы об имени функции умолчали? ;D

@ntlinuxnt · 28.09.2016, 16:01

Не по теме:

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

ntlinuxnt, отголоски php - там наоборот открывающую фигурную скобку рекомендуют выносить.

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

@артист · 28.09.2016, 19:39 **[ТС]**

Не по теме:

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

И почему вы об имени функции умолчали?

Да это же я для себя, знания буржуйского у меня такие же как и JS :)

Не знаю, меня в коде раздражают большие буквы, закорючки/приставки из символов, когда скобки совсем не пишут, когда оставляют открывающую в конце условия/объявления функции.
Не люблю for, и точки в конце каждой строки :D

Все эти мелочи мне очень мешают в чтении кода.

@Fedor Vlasenko 936 / 693 / 236 Регистрация: 01.02.2015 Сообщений: 1,848
	27.09.2016, 23:51	2
	эта микробиблиотека https://github.com/Poznakomlus/localstorage позволяет хранить функции, массивы и объекты в localstorage по крайней мере гляньте как реализована система хранения массивов 1

@j2FunOnly
	28.09.2016, 15:51 #5
	Не по теме: ntlinuxnt, отголоски php - там наоборот открывающую фигурную скобку рекомендуют выносить. И почему вы об имени функции умолчали? ;D 0

@ntlinuxnt
	28.09.2016, 16:01 #6
	Не по теме: Сообщение от j2FunOnly ntlinuxnt, отголоски php - там наоборот открывающую фигурную скобку рекомендуют выносить. в js парсер сам доставляет точки с запятыми, и если выносить скобку на новую строку то можно отстрелить ноги в некоторых случаях. 0

@артист
	28.09.2016, 19:39 [ТС] Сохранение состояния checkbox в localStorage #7
	Не по теме: Сообщение от j2FunOnly И почему вы об имени функции умолчали? Да это же я для себя, знания буржуйского у меня такие же как и JS :) Не знаю, меня в коде раздражают большие буквы, закорючки/приставки из символов, когда скобки совсем не пишут, когда оставляют открывающую в конце условия/объявления функции. Не люблю for, и точки в конце каждой строки :D Все эти мелочи мне очень мешают в чтении кода. 0

Опции темы