Сохранить и загрузить значение Radio - JavaScript, Ajax

Shouldercannon · 12.03.2015, 11:40

Доброго времени суток!
Помогите пожалуйста разобраться с RadioGroup. Не догадаюсь как сохранить, а потом загрузить выделенный ItemIndex.
Есть

PHP код:


			
<html>

<head>

  <meta charset="utf-8">

  <link href="css/options.css" rel="stylesheet" type="text/css">

  </head>

<body>

  <div id="menu">

    <input type="radio" name="MyRadio" id="MyRadio_0" value="0">Событие 1</label>

  <br>

    <input type="radio" name="MyRadio" id="MyRadio_1" value="1">Событие 2</label>

  </div>



  <div id="menu">

    <div id="status"></div>

    <button id="BtnSave">Сохранить</button>

  </div>



  <script src="js/options.js"></script>

</body>

</html>

и

PHP код:


			
document.addEventListener('DOMContentLoaded', restore_options); // Загрузка настроек

document.getElementById('BtnSave').addEventListener('click', save_options); // Сохранение настроек



function save_options() {

  var RG = document.getElementByName('MyRadio').checked;

  chrome.storage.sync.set({

    RG: RG;

  }, function() {

  });

}



function restore_options() {

  chrome.storage.sync.get({

    RG: true;

  }, function(items) {

    document.getElementByName('MyRadio').checked = items.RG;

  });

}

Знаю, что не правильно выполняю действия, так же не знаю как правильно.

mv28jam · 12.03.2015, 13:14

Код:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

 
  <div id="menu"> 
    <input type="radio" name="MyRadio" value="0">Событие 1</label> 
  <br> 
    <input type="radio" name="MyRadio" value="1">Событие 2</label> 
  </div> 




<script>

$( "[name=MyRadio]" ).bind( "click", function() {
  localStorage.setItem("bar", $("[name=MyRadio]:checked").val());
  alert(localStorage.getItem("bar"));
});

alert(localStorage.getItem("bar"));


</script>

Stilet · 12.03.2015, 13:14

Цитата:

chrome.storage.sync.set

А почему не через localStorage?

Shouldercannon · 12.03.2015, 13:43

Цитата:

Сообщение от mv28jam

Код:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

 
  <div id="menu"> 
    <input type="radio" name="MyRadio" value="0">Событие 1</label> 
  <br> 
    <input type="radio" name="MyRadio" value="1">Событие 2</label> 
  </div> 




<script>

$( "[name=MyRadio]" ).bind( "click", function() {
  localStorage.setItem("bar", $("[name=MyRadio]:checked").val());
  alert(localStorage.getItem("bar"));
});

alert(localStorage.getItem("bar"));


</script>

Можно пример просто на JavaScript?

Цитата:

Сообщение от Stilet

А почему не через localStorage?

Делал по примеру от справки Google

mv28jam · 12.03.2015, 13:48

Цитата:

Можно пример просто на JavaScript?

Не.
Это много ненужных движений описывать надо, а время то не казённое.

Shouldercannon · 12.03.2015, 14:10

Если я правильно понял, то перед тем как сохранить или загрузить выделенный ItemIndex Radio, его надо получить в цикле?

PHP код:


			
  var elements = document.getElementsByName('MyRadio');
  for (i = 0; i < elements.length; i++) {
    if (elements[i].checked); {
      //alert(elements[i].checked);
      Break;
    }
  }

Что в данном случае будет записываться в хранилище? У текстового поля, например, value.
Совсем запутался.

Stilet · 12.03.2015, 14:41

Код:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

 
  <div id="menu"> 
    <input type="radio" name="MyRadio" id="MyRadio_1" value="0">Событие 1</label> 
  <br> 
    <input type="radio" name="MyRadio" id="MyRadio_2" value="1">Событие 2</label> 
  </div> 




<script>

  var elements = document.getElementsByName('MyRadio');
  for (i = 0; i < elements.length; i++) {
      localStorage.setItem(elements[i].id,elements[i].checked);
    }
  }

</script>

Соответственно возврат:

Код:

<script>

  var elements = document.getElementsByName('MyRadio');
  for (i = 0; i < elements.length; i++) {
     elements[i].checked=localStorage.getItem(elements[i].id);
    }
  }

</script>

mv28jam · 12.03.2015, 14:45

Таки да. Только точку с зпт убрать.

Код:

var elements = document.getElementsByName('MyRadio');
  for (i = 0; i < elements.length; i++) {
    if (elements[i].checked){
      alert(elements[i].value);
      Break;
    }
  }

Shouldercannon · 12.03.2015, 15:37

1. Через localStorage можно выставить значение по умолчанию если изначального параметра вообще нет?
2. Хм. В RadioGroup постоянно выделен последний Radio

PHP код:


			
function save_options() {

  var elements = document.getElementsByName('MyRadio');

  for (i = 0; i < elements.length; i++) {

    //if (elements[i].checked) {

      localStorage.setItem(elements[i].id, elements[i].checked);

      //break;

    //}

  }

}



function restore_options() {

  var elements = document.getElementsByName('MyRadio');

  for (i = 0; i < elements.length; i++) {

    //if (elements[i].checked) {

      elements[i].checked = localStorage.getItem(elements[i].id);

      //break;

    //}

  }

}

mv28jam · 12.03.2015, 15:56

Цитата:

1. Через localStorage можно выставить значение по умолчанию если изначального параметра вообще нет?

Это как мёд он или есть или его нет.

Цитата:

2. Хм. В RadioGroup постоянно выделен последний Radio

Пушо ошибка в коде.

Код:

function save_options() { 
   var elements = document.getElementsByName('MyRadio'); 
  for (i = 0; i < elements.length; i++) { 
    if (elements[i].checked) { 
      localStorage.setItem('MyRadio', elements[i].value);
      break; 
    } 
  } 
} 

function restore_options() { 
  var elements = document.getElementsByName('MyRadio'); 	
  var num = localStorage.getItem('MyRadio'); 
  elements[num].checked = true;
}

12.03.2015, 11:40	#1
Shouldercannon Участник клуба Подтвердите свой е-майл Регистрация: 26.01.2008 Сообщений: 1,897	Сохранить и загрузить значение Radio Доброго времени суток! Помогите пожалуйста разобраться с RadioGroup. Не догадаюсь как сохранить, а потом загрузить выделенный ItemIndex. Есть PHP код: <html> <head> <meta charset="utf-8"> <link href="css/options.css" rel="stylesheet" type="text/css"> </head> <body> <div id="menu"> <input type="radio" name="MyRadio" id="MyRadio_0" value="0">Событие 1</label> <br> <input type="radio" name="MyRadio" id="MyRadio_1" value="1">Событие 2</label> </div> <div id="menu"> <div id="status"></div> <button id="BtnSave">Сохранить</button> </div> <script src="js/options.js"></script> </body> </html> и PHP код: document.addEventListener('DOMContentLoaded', restore_options); // Загрузка настроек document.getElementById('BtnSave').addEventListener('click', save_options); // Сохранение настроек function save_options() { var RG = document.getElementByName('MyRadio').checked; chrome.storage.sync.set({ RG: RG; }, function() { }); } function restore_options() { chrome.storage.sync.get({ RG: true; }, function(items) { document.getElementByName('MyRadio').checked = items.RG; }); } Знаю, что не правильно выполняю действия, так же не знаю как правильно.

12.03.2015, 14:10	#6
Shouldercannon Участник клуба Подтвердите свой е-майл Регистрация: 26.01.2008 Сообщений: 1,897	Если я правильно понял, то перед тем как сохранить или загрузить выделенный ItemIndex Radio, его надо получить в цикле? PHP код: `var elements = document.getElementsByName('MyRadio'); for (i = 0; i < elements.length; i++) { if (elements[i].checked); { //alert(elements[i].checked); Break; } }` Что в данном случае будет записываться в хранилище? У текстового поля, например, value. Совсем запутался. Последний раз редактировалось Shouldercannon; 12.03.2015 в 14:33.

12.03.2015, 14:45	#8
mv28jam Старожил Регистрация: 09.09.2008 Сообщений: 2,624	Таки да. Только точку с зпт убрать. Код: `var elements = document.getElementsByName('MyRadio'); for (i = 0; i < elements.length; i++) { if (elements[i].checked){ alert(elements[i].value); Break; } }` Стрелок-охотник

12.03.2015, 15:37	#9
Shouldercannon Участник клуба Подтвердите свой е-майл Регистрация: 26.01.2008 Сообщений: 1,897	1. Через localStorage можно выставить значение по умолчанию если изначального параметра вообще нет? 2. Хм. В RadioGroup постоянно выделен последний Radio PHP код: function save_options() { var elements = document.getElementsByName('MyRadio'); for (i = 0; i < elements.length; i++) { //if (elements[i].checked) { localStorage.setItem(elements[i].id, elements[i].checked); //break; //} } } function restore_options() { var elements = document.getElementsByName('MyRadio'); for (i = 0; i < elements.length; i++) { //if (elements[i].checked) { elements[i].checked = localStorage.getItem(elements[i].id); //break; //} } }

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Значение radio button	Ganjaha	PHP	2	13.02.2015 15:01
Как сохранить компонент в поток и сразу же его загрузить в BLOB поле?	artemavd	Общие вопросы Delphi	17	17.05.2012 23:52
Delphi сохранить/загрузить игру	A.S.W	Помощь студентам	4	08.05.2011 23:58
ImageList програмно загрузить и сохранить	ArtGrek	Компоненты Delphi	6	28.12.2010 14:44
Сохранить и загрузить (INI файлы)	Манжосов Денис :)	Помощь студентам	4	29.07.2008 16:48