浏览器记住密码，下次自动登录的实现

html代码

<form>
     <div class="role">
	<input type="radio" name="role" value="顾问" class="radio"/>顾问
	<input type="radio" name="role" value="主管" class="radio"/>主管
	<input type="radio" name="role" value="运营" class="radio"/>运营<br/>
     </div>
     <div class="account">
        <input type="text" name="username" id="username" placeholder="手机/邮箱/登录账号" /><br/>
        <input type="password" name="pwd" id="pwd"  placeholder="密码（8-20位，区分大小写)"/>
     </div>
     <div class="auto_log">
        <input type="checkbox" name="autolog" id="autolog"/>下次自动登录
     </div>
     <div class="log">
        <button id="submit" type="button" class="btn" onclick="Save()">登    录</button>
     </div>
     <div class="tips">
        <p id="tips"></p>
     </div>
</form>

js代码

//记住用户名密码
    function Save() {
        if ($("#autolog").attr("checked")) {
            var str_username = $("#username").val();
            var str_password = $("#pwd").val();
            var str_role = $("input:radio[name="role"]:checked").val();
            $.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie
            $.cookie("username", str_username, { expires: 7 });
            $.cookie("password", str_password, { expires: 7 });
            $.cookie("role", str_role, { expires: 7 });
        }
        else {
            $.cookie("rmbUser", "false", { expire: -1 });
            $.cookie("username", "", { expires: -1 });
            $.cookie("password", "", { expires: -1 });
            $.cookie("role", "", { expires: -1 });
        }
    };
$(document).ready(function () {
 	var role=$.cookie("role");
        if ($.cookie("rmbUser") == "true") {
	        $("#autolog").attr("checked", true);
		var _o=document.getElementsByName("role");
	    	for(i=0;i<_o.length;i++)
	    	{
	        	if(_o[i].value==role){_o[i].checked=true;}
	   	}
	        $("#username").val($.cookie("username"));
	        $("#pwd").val($.cookie("password"));
        }
    });