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 that you have read and understand our privacy policy and code of conduct.

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