记住用户名及密码 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery.min-1.11.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="jquery.cookies.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div>
		        用户名：<input type="text" id="txt_username"/><br />
		        密码：<input type="text" id="txt_password"/><br />
		        <input type="checkbox" name="checkbox" id="ck_rmbUser"/>记住用户名和密码<br />
		        <input type="submit" id="sub" value="登录" onclick="Save()"/>
   		</div>
		<script type="text/javascript">
		$(document).ready(function () {
	        if ($.cookie("rmbUser") == "true") {
	        $("#ck_rmbUser").attr("checked", true);
	        $("#txt_username").val($.cookie("username"));
	        $("#txt_password").val($.cookie("password"));
	        }
	    });
	
	    //记住用户名密码
	    function Save() {
	    	var checked = $("#ck_rmbUser").is(":checked");
	        if (checked) {
	            var str_username = $("#txt_username").val();
	            var str_password = $("#txt_password").val();
	            $.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie
	            $.cookie("username", str_username, { expires: 7 });
	            $.cookie("password", str_password, { expires: 7 });
	        }
	        else {
	            $.cookie("rmbUser", "false", { expire: -1 });
	            $.cookie("username", "", { expires: -1 });
	            $.cookie("password", "", { expires: -1 });
	        }
	    };
		</script>
	</body>
</html>

　　

posted @ 2017-03-24 16:23  sunZL  阅读(398)  评论(0)    收藏  举报