首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >“LocalStorage input=radio \ div :已检入加载。

“LocalStorage input=radio \ div :已检入加载。
EN

Stack Overflow用户
提问于 2015-10-19 11:12:50
回答 1查看 526关注 0票数 0

关于localStorage表单,我有几个问题。

所以我有这三种类型的输入:

  • 选择
  • 复选框
  • 收音机

对于每个选项,我都有一个“特殊选项”,如果选择了该选项,它将显示一个不同的输入。

另外,我有localStorage,但是我不能让它在复选框和收音机上工作。它只在textarea和input=select中工作。

我在jQuery中有一些脚本:

  • 输入选择:如果选择value=other,则显示文本区域
  • 输入复选框:单击textarea时,选择value=other
  • 输入复选框:如果未选中value=other,则更改textarea css
  • 输入电台:如果选中val=scheduled,则显示type=date
  • LocalStorage :保存和清除文本区域的本地存储并选择输入

,我需要你的帮助,

  • 输入选择:如果在页面加载时没有选择select=other,则隐藏textarea (使用localStorage,如果保存了数据,即使没有选择select=other,文本区域也是可见的。ps。如果您放置(display: none),如果选择select=other,textarea将是不可见的,因此这不会解决问题)
  • LocalStorage复选框和单选(有按钮保存和删除数据)

小提琴:http://jsfiddle.net/sandrin4p/ury7dvt5/17/

EN

Stack Overflow用户

发布于 2015-10-19 11:33:06

仅仅设置select、收音机和复选框输入的值是行不通的。.val()函数只设置value="“属性。

代码语言:javascript
复制
if (localStorage.getItem("flag") == "set") {

        var data= $("#form54").serializeArray();

        $.each(data, function(i, obj) {

            console.log(i, obj);

            if($("[name='" + obj.name +"']").attr('type') === 'radio' ||
               $("[name='" + obj.name +"']").attr('type') === 'checkbox') {

              if(obj.name) $("[name='" + obj.name +"']").prop('checked', true);
              else $("[name='" + obj.name +"']").prop('checked', false);

            } else if( $("[name='" + obj.name +"']").attr('type') === 'select') {
                if(obj.name) $("[name='" + obj.name +"'] option[value='" + obj.value +"']").prop('selected', true)
                else $("[name='" + obj.name +"'] option[value='" + obj.value +"']").prop('selected', false)

            } else 
              $("[name='" + obj.name +"']").val(localStorage.getItem(obj.name) );
            }

        });

    }

应该能起作用。(很抱歉,任何类型的输入都做得很快(我不知道您的对象是否有.value道具)。

但我觉得你知道这个主意。

祝好运

票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33212910

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档