В следующем демонстрационном фрагменте я добавляю следующие библиотеки (normalize, jquery, angularjs) через html, установив флажок.Использовать LocalStorage для запоминания состояния и значения поля флажка
То, что я пытаюсь сделать, это сохранить проверенное состояние в LocalStorage, поэтому, когда я обновляю страницу, проверенные мной библиотеки будут проверяться.
Любая идея о том, как это сделать? (Предпочтительно способ, который DRY)
$(document).ready(function() {
// Save Checked Libraries for LocalStorage
if (localStorage.getItem("checkedLibraries")) {
$("div").html(localStorage.getItem("checkedLibraries"));
}
$(".check").on("change", function() {
var textarea = $('.full-library-code');
var value = $(this).nextAll('input:first').val() + '\n';
if ($(this).prop('checked') == true) {
textarea.val(textarea.val() + value);
} else {
textarea.val(textarea.val().replace(value, ""));
}
localStorage.setItem("checkedLibraries", $("div").html());
});
});
/* only for demo readability */
textarea { width: 500px; height: 200px; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<input type="checkbox" class="check" id="norm" /> <label for="norm">Normalize</label>
<input type="text" class="hide" value='<link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css" />' /><br />
<input type="checkbox" class="check" id="jquery" /> <label for="jquery">JQuery</label>
<input type="text" class="hide" value='<script src="http://code.jquery.com/jquery-latest.min.js"></script>' /><br />
<input type="checkbox" class="check" id="ang" /> <label for="ang">Angular JS</label>
<input type="text" class="hide" value='<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js" />' /><br />
<textarea class="full-library-code" placeholder="full library's code"></textarea>
</div>
Что означает aany этого? И почему вы делаете вещи с '$ (" div ")', если у вас даже нет div? И почему вы не ** создаете MCVE? – Amit
, поэтому вы хотите добавить «скрипты» в локальное хранилище на основе того, проверяет ли пользователь поле или нет, не так ли? –