使用jquery的cookie实现登录页记住用户名和密码的方法

<label for="rememberUsername">
    <input id="rememberUsername" type="checkbox" name="rememberUsername" value="1">记住用户名
</label>
<label for="rememberPassword">
    <input id="rememberPassword" type="checkbox" name="rememberPassword" value="1">记住密码
</label>

$(document).ready(function() {
    // 设置cookie
    function setCookie(name, value, expires) {
        var cookie = name + "=" + encodeURIComponent(value);
        if (expires) {
            cookie += "; expires=" + expires.toGMTString();
        }
        document.cookie = cookie;
    }

    // 获取cookie
    function getCookie(name) {
        var matches = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)"));
        if (matches) {
            return decodeURIComponent(matches[2]);
        }
    }

    // 删除cookie
    function deleteCookie(name) {
        document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    }

    // 检查是否保存了用户名和密码
    var username = getCookie("username");
    var password = getCookie("password");
    if (username && password) {
        $("#username").val(username);
        $("#password").val(password);
        $("#rememberUsername").prop("checked", true);
        $("#rememberPassword").prop("checked", true);
    }

    // 监听“登录”按钮点击事件
    $("#login").click(function() {
        // 获取用户名和密码
        var username = $("#username").val();
        var password = $("#password").val();

        // 判断是否保存用户名和密码
        if ($("#rememberUsername").is(":checked")) {
            setCookie("username", username, new Date(new Date().getTime() + 1000 * 60 * 60 * 24));
        } else {
            deleteCookie("username");
        }
        if ($("#rememberPassword").is(":checked")) {
            setCookie("password", password, new Date(new Date().getTime() + 1000 * 60 * 60 * 24));
        } else {
            deleteCookie("password");
        }
    });
});