2013-09-23 3 views
1

У меня есть форма, на которой мне нужно сохранить состояние всех переключателей, если пользователь отправит форму с ошибками (что в случае обновления страницы).Как сохранить состояние входного радиосигнала на странице обновления

Я хочу, чтобы достичь чего-то очень похожее на это:

$(function(){ 
     $('.example input[type="radio"]:checked').each(function(){ 
     $(this).attr("checked",true); 
    }); 

Любая помощь будет очень признателен!

+0

Вам нужно будет использовать файлы cookie или локальное хранилище HTML 5 или создать новый HTML-код на основе данных 'POST'. Множество вариантов, довольно распространенная проблема. Какова ваша серверная технология? – Yuck

+0

с использованием любой постоянной клиентской стороны данных как cookie или localStorage –

+0

Посмотрите, я думаю, что этот старый пост может помочь вам http://stackoverflow.com/questions/16206322/how-to-get-js-variable-to-retain -value-after-page-refresh – pbenard

ответ

4

Вы можете сохранить его состояние в локальном хранилище и восстановить его после каждой загрузки страницы.

Маленький пример на хранение значение:

$('#myCheckbox').click(function() { 
    localStorage['my.checkbox'] = this.checked; 
}); 

Восстановление его:

$('#myCheckbox').prop('checked', localStorage['my.checkbox'] == 'true'); 
+1

Можете ли вы вставить код, пожалуйста? :) – Wasiim

+0

Включил пример. – Bart

+0

Не могли бы вы помочь в кодировании. Я добавил myformID в onclick, но doest, похоже, сработает. – Wasiim

0

Может хранить информацию в сессии маркера или в куки сессии. Если вы используете компоненты html5, вы можете попробовать использовать локальное хранилище html.

0

вам просто нужно обновить код

$(function(){ 
     $('.example input[type="radio"]').each(function(){ 
      $(this).attr("checked",$(this).checked()); 
    }); 

Это сохранит свойство радиокнопки, как пользователь выбрал для радио-кнопки.

+0

К сожалению, это не работает! – Wasiim

+0

Этот код просто переназначает текущие проверенные значения. – Bart

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