Question

有没有办法在没有太多代码的情况下保存每个输入字段和复选框？我有这个，它可以很好地保存单独的输入字段，每个字段都有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"类并使用这个脚本作为基础，将所有输入字段保存到存储中并让它们保持填充在字段中直到用户清除会话？

Answer 1

是的，只需将change事件中的选择器从".stored"更改为".something-container input"即可。在Init方法中，您需要执行以下操作：

$(".something-container input").each(function () {
    $(this).val(localStorage[$(this).attr("name")])
}

附注，.change绑定也可能在$(document).ready方法内完成。

本地存储保存页面上的每个输入和复选框值

1 个答案: