Использую плагин jquery.cookie
Мне нужно чтобы отмеченные чекбоксы div'ов w_option_left
и w_option_right
и value импута height_opt
сохранялись после перезагрузки страницы, взял скрипт с сайта jquery и смог применить его только для одного импута item_opt_4
/*<-- СОХРАНЕНИЕ ЧЕКБОКСОВ-->*/
function cookieFromCheckbox()
{
var ch = [];
$("#item_opt_4").each(function(){
var $el = $(this);
if($el.prop("checked"))
ch.push($el.attr("id"));
});
$.cookie("checkboxCookie", ch.join(','));
}
// функция восстанавливающая состояния checkbox'ов по кукам
function checkboxFromCookie()
{
if($.cookie("checkboxCookie") == null)
return;
var chMap = $.cookie("checkboxCookie").split(',');
for (var i in chMap)
$('#'+chMap[i]).prop("checked", true);
}
// функция сбрасывающая куки с значениями checkbox'ов
function clearCookie()
{
$.cookie("checkboxCookie", null);
}
// проверим, были ли установлены ранее кукисы с именем checkboxCookie.
// если нет - установим их.
var checkboxCookie = $.cookie("checkboxCookie");
if(checkboxCookie == null)
{
cookieFromCheckbox();
checkboxCookie = $.cookie("checkboxCookie");
}
else
checkboxFromCookie();
$("#item_opt_4").change(function(){
cookieFromCheckbox();
});
/*<-- СОХРАНЕНИЕ ЧЕКБОКСОВ-->*/
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="words_status">
<div class="w_option_left">
<label>
<input type="checkbox" name="rand" value="случайное" checked />
<span class="word_opt">случайное</span>
</label><br>
<label>
<input type="checkbox" name="noun" value="существительное" />
<span class="word_opt">существительное</span>
</label><br>
<label>
<input type="checkbox" name="adject" value="прилагательное" />
<span class="word_opt">прилагательное</span>
</label><br>
<label>
<input type="checkbox" name="verb" value="глагол" />
<span class="word_opt">глагол</span>
</label>
</div>
<div class="w_option_right">
<label>
<input type="checkbox" name="rand" value="случайное" checked />
<span class="word_opt">случайное</span>
</label><br>
<label>
<input type="checkbox" name="noun" value="существительное" />
<span class="word_opt">существительное</span>
</label><br>
<label>
<input type="checkbox" name="adject" value="прилагательное" />
<span class="word_opt">прилагательное</span>
</label><br>
<label>
<input type="checkbox" name="verb" value="глагол" />
<span class="word_opt">глагол</span>
</label>
</div>
</div>
<center>
<span class="opts_headlines">Длинна пароля:</span> </span><input class="opts_headlines" type="text" id="height_opt" name="post_data" value="15" readonly ></center>
<input type="checkbox" id="item_opt_4" > Исключать похожие символы <i data-toggle="tooltip" style="cursor:pointer" data-placement="top" title="B8 G6 I1l| 0OQD S5 Z2">