Dimka Mixov

ответов0 / помог0

Как реализовать запоминание какая радио кнопка выбрана

1680479007
Доброго времени, уважаемые форумчане! Подскажите как можно реализовать "запоминание" какая радио кнопка выбрана и чтобы эта кнопка была "выбрана" на всех страницах сайта, и чтобы срытые блоки также не показывались? Решение найти не удалось, может кто подскажет правильный путь! Есть простой html

<input class="radio_option" type="radio" id="show" name="list_map" value="Показать" checked>
<label for="show">Показать</label>
 
<input class="radio_option" type="radio" id="hide" name="list_map" value="Скрыть">
<label for="hide">Скрыть</label>
 
<div id="show_block" style="display:none;">Показано</div>
<div id="hide_block" style="display:none;">Скрыто</div>
и JS

jQuery(document).ready(function($) {
    radioChecked();
    $('.radio_option').change(function() {
        radioChecked();
    });
 
    function radioChecked() {
        if($('#show').prop("checked") == true) {
            $('#show_block').slideDown(300);
            $('#hide_block').slideUp(300);
        } else {
            $('#hide_block').slideDown(300);
            $('#show_block').slideUp(300);
        }
    }
});
krvsa
ответов4 / помог2
1680479708
Можно использовать sessionStorage... https://learn.javascript.ru/localstorage#sessionstorage Т.о. информация будет храниться пока не закроется окно или вкладка браузера...
Dimka Mixovвлепить жирный лайк
Dimka Mixov
ответов0 / помог0
1680480063
krvsa, сделал через localStorage мне кажется его лучше использовать чем sessionStorage

var raz = document.getElementsByName('list_map');
for(var i = 0; i < raz.length; i++) {
    raz[i].onclick = function() {
        localStorage.setItem('RadioButton', this.value);
    }
}
if(localStorage.getItem('RadioButton')) {
    var RadioButton = localStorage.getItem('RadioButton');
    document.querySelector('input[name="list_map"][value="' + RadioButton + '"]').setAttribute('checked', 'checked');
}
влепить жирный лайк
Сначала вход
A B i U S JS PHP HTML CSS SQL C C++ C# PYTHON JAVA
Для входа только имэйл или имя и апроль
Можно сменить аватар
Имэйл Ваше имя
Пароль