KorniloFF-ScriptS ©

Здравствуйте, Гость!
Page
Menu

Сохранение значения CHECKBOX

Задача

Сохранить значения отметок полей input[type=checkbox] при навигации по сайту или перезагрузке страницы.

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

Решение

В качестве решения предлагается хранить значения атрибутов checked в кукисах броузера. При загрузке страницы скрипт будет проверять наличие нужного кукиса и присваивать его значение соответствующему checkbox-у. По событию change скрипт будет сохранять в кукисах очередное значение.

Поскольку не хочется захламлять кукисы большим количеством переменных, для данной задачи предлагается использовать единственный кукис, в котором будут записаны значение всех checkbox-ов в формате JSON.

Для удобства работы с кукисами будем использовать миниатюрную библиотеку cookies.js с функционалом, полностью соответствующим нашим задачам.

Пример реализации

Исходный код:

Комментарии к теме ( 0 )

Комментариев пока нет.

Дабавить комментарий