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 });
    }
}