本地存储,用于保存页面上的每个输入和复选框值
Local storage saving every input and checkbox value on a page
有没有一种方法可以在不需要太多代码的情况下保存每个输入字段和复选框?我有这个,保存单独的输入字段效果很好,每个字段上都有一个class="stored"
:
$(document).ready(function () {
function init() {
if (localStorage["fname"]) {
$('#fname').val(localStorage["fname"]);
}
}
init();
});
$('.stored').change(function () {
localStorage[$(this).attr('name')] = $(this).val();
});
<div class="form-group required">
<label class="label_fn control-label" for="fname">First name (required):</label>
<input id="fname" name="fname" type="text" placeholder="" class="input_fn form-control stored">
</div>
但是,有没有一种方法,比如说,在容器div上设置一个"something-container"
类,并使用此脚本作为基础,将所有输入字段保存到存储中,并让它们保持填充在字段中,直到用户清除会话?
是的,只需将change
事件中的选择器从".stored"
更改为".something-container input"
即可。在Init
方法中,您将希望执行以下操作:
$(".something-container input").each(function () {
$(this).val(localStorage[$(this).attr("name")])
}
附带说明的是,.change
绑定也应该在$(document).ready
方法中完成。
相关文章:
- 我无法检查输入复选框元素
- 如何使用jquery从输入复选框中检索文本
- 根据条件使用ng repeat动态显示输入复选框
- 如何在选中所有输入复选框和单选组后显示javascript确认消息
- 如何保留输入复选框值的存储数组
- 如何使用 jquery 在页面加载时检查带有值的输入复选框字段
- 未捕获的错误:语法错误,无法识别的表达式:输入:复选框[名称=ninja_forms_field_57[术语]]
- 如何从输入复选框中获取值以在查询中使用它来显示信息
- 输入复选框 true 或选中或是
- Ember.js表中的输入复选框
- 如何使用输入复选框创建/更新数组
- 输入(复选框)在 IE8 中配置时不起作用:选中
- 语法错误,无法识别的表达式:[对象 HTMLDivElement]输入:复选框[名称=]:选中
- Jquery - .prop 不会动态选中我的输入复选框
- 使用javaScript更改输入复选框选中的属性
- 数组输入复选框上的“依赖”复选框
- 输入复选框总是返回false
- 输入复选框数组,如果未选中,jQuery不会发送任何值
- “操纵输入”复选框
- 按字母顺序对输入/复选框元素进行排序