js 保存页面数据

js 保存、恢复页面表单数据

---

保存表单数据

function saveConfig() {
  var configName = document.title;
  if (!localStorage) return;
  var Config = {};
  var index = 0;
  var inputs = $('input');
  inputs.each(function (ind, input) {
    let type = input.type;
    switch (type) {
      case "text": Config[index] = input.value; break;
      case "radio":
      case "checkbox": Config[index] = input.checked; break;
      default: console.error("unknow type");
    }
    index++;
  });
  var textareas = $('textarea');
  textareas.each(function (ind, textarea) {
    Config[index] = textarea.value;
    index++;
  });
  localStorage.setItem(configName, JSON.stringify(Config));
  console.log(configName + " - " + JSON.stringify(Config));
}

恢复表单数据

function loadConfig() {
  var configName = document.title;
  if (localStorage && localStorage.getItem(configName)) {
      Config = JSON.parse(localStorage.getItem(configName));
      var index = 0;
      var inputs = $('input');
      inputs.each(function (ind, input) {
        let type = input.type;
        switch (type) {
          case "text": input.value = Config[index]; break;
          case "radio":
          case "checkbox": input.checked = Config[index]; break;
          default: console.error("unknow type");
        }
        index++;
      });
      var textareas = $('textarea');
      textareas.each(function (ind, textarea) {
        textarea.value = Config[index];
        index++;
      });
  }
}