一、先写一个存取 cookie的方法。

 1 function getCookie(cookiename) {
 2 var result;
 3 var mycookie = document.cookie;
 4 var start2 = mycookie.indexOf(cookiename + "=");
 5 if (start2 > -1) {
 6 start = mycookie.indexOf("=", start2) + 1;
 7 var end = mycookie.indexOf(";", start);
 8 if (end == -1) {
 9 end = mycookie.length;
10 }
11 result = unescape(mycookie.substring(start, end));
12 }
13 return result;
14 }
15 //----------------
16 //write COOKIE
17 function setCookie(cookiename, cookievalue, hours) {
18 var date = new Date();
19 date.setTime(date.getTime() + Number(hours) * 3600 * 1000);
20 document.cookie = cookiename + "=" + cookievalue + "; path=/;expires = " + date.toGMTString();
21 
22 }

 

二、登陆成功的话就把账号和密码set到cookie中,同时set的还有一个 判断记住密码勾选的 is和保存时间;

1 success : function(data) {
2 //向cookie中存入4個值,分別是账号、密码、是否记住密码,保存时间
3      setCookie("loginName",$("#loginName").val(),"36");
4      setCookie("loginPw",$("#loginPw").val(),"36");
5      var Is=document.getElementById('isLogin').checked;
6      setCookie("loginIs",Is,"36");
7 }

三、在我们初始化界面的时候就可以判断之前存到 cookie中的is是否勾选,勾选就把存的账号密码取出来,放入text,未勾选只把账号取出来放入。

 1 $(function() {    
 2 //判断是否记住密码
 3     var Iis=getCookie("loginIs");
 4     var name=getCookie("loginName");
 5     var password=getCookie("loginPw");
 6     if(Iis == "true"){
 7         $("#isLogin").attr("checked",true);//打勾
 8             if(""!=name){
 9                 $("#loginName").val(name);
10                 }
11             if(""!=password){
12                 $("#loginPw").val(password);
13             }
14         }else {
15             if(""!=name){
16                 $("#loginName").val(name);
17                 }
18                 $("#loginPw").val("");
19         }
20     });

做的比较简单,有用到的可以借鉴一下。