使用 js-cookie 将 cookie 应用于 <input>s

Question

我希望将 cookie 应用于两个输入的默认值。我正在使用 GitHub 的 jscookie，最好也使用 jscookie 获得答案。我有一个默认值为零的输入，我希望它在第一次回答后默认为他们存储的 cookie。例如

<input type="text" name="changeme" value="0">
<div id="submit">Submit</div>

JavaScript/JQuery 使用 jscookie 插件：

$(document).ready(function() {
        if (Cookies.get("inputval") != undefined) {
                $('input[name="changeme"]').val(Cookies.get("inputval"));
        }
        $('#submit').on('click', function() {
                var inval = $('input[name="changeme"]').val();
                Cookies.set("inputval", inval { expires: 1, path: "" });
        });
});

因此，在重新加载页面后，我希望该值是最初输入的值。 cookie 已保存，但未应用于输入。我已经尝试了大部分我能想到的语法变体，但没有任何帮助。预先感谢您的回复！

Answer 1

此行导致语法错误，因为您漏掉了一个逗号：

Cookies.set("inputval", inval { expires: 1, path: "" });
                             ^-- missing ',' here

尝试以下操作：

$(function() {
    if( Cookies.get('inputval') ) 
    {
        $('input[name="changeme"]').val( Cookies.get('inputval') );
    }

    $('#submit').on('click', function() {
        Cookies.set("inputval", $('input[name="changeme"]').val(), { expires: 1, path: "" });
    });
});

使用 js-cookie 将 cookie 应用于 <input>s

Applying cookies to <input>s with js-cookie

javascript

jquery

cookies

js-cookie