2013-06-06 3 views
1

Я хочу, чтобы кнопка переключателя запоминала выбранную опцию. Потому что, когда я обновляю браузер, мой выбор сбрасывается .. Как я могу это сделать?Установить/Получить входное значение с помощью файла cookie

Вот мой код:

HTML:

<input type="button" value="Tak" onclick="return change(this);" /> 

JS: боковые значения

<script> 
    function change(el) 
    { 
     if (el.value === "Tak"){ 
      el.value = "Nie"; 
     }else{ 
      el.value = "Tak"; 
     } 
    } 
</script> 
+1

Добавить cookie и обновить назад от него. – kushpf

+0

При использовании jQuery я обычно использую [jquery.cookie plugin] (https://github.com/carhartl/jquery-cookie) – nmoliveira

ответ

0

Client сбросит при обновлении браузера.

Вы должны хранить в cookie или session для этого

+0

Хорошо, но можете ли вы помочь мне в этом? Я начинаю в этом:/ – user2444832

+0

см. Здесь http://www.w3schools.com/js/js_cookies.asp – PSR

0

Включите this просто установить и получить печенье. Что-то вроде:

<head> 
    <script src="path/to/jquery.js"></script> 
    <script src="path/to/jquery.cookie.js"></script> 
</head> 

... 
<input type="button" value="Tak" onclick="return setValue(this)" id="btn"/> 

Теперь вы можете получить/установить куки и изменить значение входного сигнала ничуть не проблема, что-то вроде:

function setValue(elem){ 

    if(elem.value == "Tak"){ 
     elem.value = "Nie"; 
     $.cookie("btnState", true); 
    } else { 
     elem.value = "Tak"; 
     $.cookie("btnState", false); 
    } 
} 

function getValue(){ 

    var c = $.cookie("btnState"); 

    if(c != null){ 

     if(c){ 
      $('#btn').val("Nie"); 
     } else { 
      $('#btn').val("Tak"); 
     } 
    } else { 
     //first page view 
     $.cookie("btnState", true); 
     $('#btn').val("Nie"); 
    } 

} 

триггера getValue() на странице загрузки, чтобы проверить значение куки и установите значение входного

EDIT:

Чтобы запустить функцию на странице лоа д использование JQuery .ready функции следующим образом:

<script> 
    $(document).ready(function() { 
     getValue(); 
    }); 
</script> 

JQuery .ready documentation.

Вот пример jsfiddle

+0

Что вы имеете в виду с триггером getValue(), потому что я не нахожу, t understandd ..;/ – user2444832

+0

Я имею в виду , убедитесь, что эта функция активирована при каждой загрузке страницы, поэтому она может проверять ваш файл cookie и при необходимости устанавливать ваш вход. –

+0

Функция увольняется? Я не вижу, что вы используете его в html-коде – user2444832

Смежные вопросы