如何使用 jquery 使用本地存储变量设置输入字段

How to set your input fields with local storage variables using jquery

本文关键字：变量 存储 设置 输入 字段 何使用 jquery      更新时间：2023-09-26

我正在使用jquery mobile和jquery制作一个移动Web应用程序。现在我已经有了它，当我选中我的复选框时，它会将我的变量从您的浏览器保存到本地存储中。但它不会将这些变量放回我的输入字段中。

这是我的脚本。函数 validate（） 将变量保存到本地存储中。

$(document).ready(function () {
        if (localStorage["mail"]) {
            $('#mail').val(localStorage["mail"]);
        }else{
            $('#mail').val("");
        }
        if (localStorage["password"]) {
            $('#password').val(localStorage["password"]);
        }else{
            $('#password').val("");
        }
});
function validate(){
    if ($("remember:checked")) {
         var mail= $("#mail").val();
         var password= $("#password").val();
         localStorage["mail"] = mail ;
         localStorage["password"] = password;
         localStorage.setItem("mail", mail) ;
         localStorage.setItem("password", password) ;
     }else{
       alert("You didn't check it! Let me check it for you.")
     }
}

有人可以帮助我吗？

谢谢

似乎

$("remember:checked")不是有效的选择器（缺少.或#）。所以可能你的值永远不会保存到本地存储中

当您检查元素是否存在时，您应该改用length属性

if ($("<your selector>").length) {
   ...
}

您在本地存储中设置和获取项目时做错了 用途

localStorage.setItem('someval',1)
localStorage.getItem('someval'); // 1
相关文章：