jquery cookie 实现记住密码功能

引入

<script src="../../plugins/jquery-1.8.3.min.js"></script>
<script src="../../plugins/jquery.cookie.js"></script>

html代码

<div class="tips clearfix">
   <label><input type="checkbox" id="rmbUser" name="checkbox" value="checkbox" style="zoom:140%;">
      <div style="margin-top: -25px;margin-left: 60px">记住用户名</div>
   </label>
</div>

style="zoom:140%" 是调整复选框的大小

JS代码

function remPassword() {
    //判断复选框是否选中
    $("#rmbUser").attr("checked");
}

//保存用户信息
function saveUserInfo() {
    remPassword();
    if ($("#rmbUser").attr("checked") == "checked") { // 获取cookie
        var userName = $("#users").val();
        var passWord = $("#pwd").val();
        $.cookie("rmbUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie
        $.cookie("userName", userName, { expires: 7 }); // 存储一个带7天期限的 cookie
        $.cookie("passWord", passWord, { expires: 7 }); // 存储一个带7天期限的 cookie
    }
    else {
        $.cookie("rmbUser", "false", { expires: -1 });
        $.cookie("userName", '', { expires: -1 });
        $.cookie("passWord", '', { expires: -1 });
    }
}