1

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

$(document).ready(function() {
        $(".glyphicon").click(function() {
            if ($(this).hasClass("glyphicon-question-sign")) {
                $(this).removeClass("glyphicon-question-sign").removeClass("blue2");
                $(this).addClass("glyphicon-ok-sign").addClass("green2");
            } else {
                $(this).removeClass("glyphicon-ok-sign").removeClass("green2");
                $(this).addClass("glyphicon-question-sign").addClass("blue2");
            }
        });
    });
.jumbotron {
	background-image: url(http://images.nationalgeographic.com/wpf/media-live/photos/000/716/cache/canvasback-ducks-maryland_71644_990x742.jpg);
	background-size:cover;
	background-repeat:no-repeat
}
.jumbotron h1 {
	font-weight: bold;
}
.bigger {
	margin-top: -4px;
	font-size: 150%;
}
.blue2 {
	color: #8C84BF;
}
.green2 {
	color: #02A10F;

}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="list-group">
            <li class="list-group-item">Задача 1<span class="pull-right bigger blue2 glyphicon glyphicon-question-sign"></span> </li>
            <li class="list-group-item">Задача 2<span class="pull-right bigger blue2 glyphicon glyphicon-question-sign"></span> </li>
            <li class="list-group-item">Задача 3<span class="pull-right bigger blue2 glyphicon glyphicon-question-sign"></span> </li>
            <li class="list-group-item">Задача 4<span class="pull-right bigger blue2 glyphicon glyphicon-question-sign"></span> </li>
        </div>

3
  • Храните галочки в <s>сберкассе</s>localstorage developer.mozilla.org/ru/docs/Web/API/Storage
    – Visman
    5 окт 2017 в 5:23
  • 1
    Если нужно запоминать надолго, то лучше в БД. Если на время, то тут два вариант. Если эти галочки индивидуальны для каждого запроса, то можно в куках. Если нет, можно в сессии.
    – Budimir
    5 окт 2017 в 5:26
  • 1
    Вот статейка, как - раз пример с галочками. jquery.page2page.ru/index.php5/…
    – Speller
    5 окт 2017 в 6:14

1 ответ 1

0

Есть такая штука как local storage, она позволяет хранить данные в браузере до очистки кеша и куки. Ознакомиться можно здесь https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.