javascript客户端保存cookie实现记住密码功能

前台页面html简单的代码：

一个页面简单的登录页面：
<form action="xxx/user/signIn" method="post" >
    <input type="text" id="username" name="username"  placeholder="请输入用户名" />
    <input type="password"  id="password" name="password"  placeholder="请输入密码" />
    <input type="checkbox" id="remember"> 记住用户名和密码
    <button type="submit" class="btn btn-success" id="btn_login">登  录</button>
    <button type="reset" class="btn btn-default">重  置</button>
</form>

js代码：

$(document).ready(function(){
    //页面初始化时，如果是记住密码了，给输入框赋值。
    if($.cookie("remember") == "true"){
        $("#remember").prop("checked", true);
           $("#username").val($.cookie("username"));
           $("#password").val($.cookie("password"));
       }    

    //点击确定按钮，将记录状态信息存在cookie，同时submit；
    $("#btn_login").on("click",function(){
        remember();
        return true;
    });

    //记录用户名密码。以及是否要记住。保存在cookie;
    function remember(){
        var checked = $("#remember").prop("checked");
        if(checked == "checked" || checked) {
            var username = $("#username").val();
            var password = $("#password").val();
            $.cookie("remember", "true", {expires: 30});
            $.cookie("username", username, {expires: 30});
            $.cookie("password", password, {expires: 30});
        }else{
            $.cookie("remember", "false", {expires: -1});
            $.cookie("username", "", {expires: -1});
            $.cookie("password", "", {expires: -1});
        }
    }
    
    //监听记住选择框是否选中，如果未选中，cookie中则不记录。
    $("#remember").on("change", function(){
        var checked = $("#remember").prop("checked");
        if(checked == "checked" || checked) {

        }else{
              $.cookie("remember", "false", {expires: -1});
              $.cookie("username", "", {expires: -1});
              $.cookie("password", "", {expires: -1});
          }
    });
    
});