使用jquery插件【jquery.cookie】，实现【记住我】功能

【1】先下载jquery.cookie插件：https://github.com/carhartl/jquery-cookie【2】安装插件：[html] viewplaincopyscript type="text/javascript" src="ie6/crm2/js/lib/cookies/jquery.cookie.js"

Chopper_Tony

879人浏览 · 2014-02-13 11:21:20

Chopper_Tony · 2014-02-13 11:21:20 发布

【1】先下载jquery.cookie插件：https://github.com/carhartl/jquery-cookie

【2】安装插件：

[html]view plaincopy 
   
 <script type="text/javascript" src="<%=basePath%>ie6/crm2/js/lib/cookies/jquery.cookie.js"></script>  

【3】功能逻辑：

[javascript]view plaincopy 
   
 //判断之前是否有设置cookie，如果有，则设置【记住我】选择框  
     if($.cookie('absms_crm2_userName')!=undefined){  
         $("#rememberMe").attr("checked", true);  
     }else{  
         $("#rememberMe").attr("checked", false);  
     }  
       
     //读取cookie  
     if($('#rememberMe:checked').length>0){  
         $('#userName').val($.cookie('absms_crm2_userName'));  
         $('#password').val($.cookie('absms_crm2_password'));  
     }  
       
     //监听【记住我】事件  
     $("#rememberMe").click(function(){  
         if($('#rememberMe:checked').length>0){//设置cookie  
             $.cookie('absms_crm2_userName', $('#userName').val());  
             $.cookie('absms_crm2_password', $('#password').val());  
         }else{//清除cookie  
             $.removeCookie('absms_crm2_userName');  
             $.removeCookie('absms_crm2_password');  
         }  
     });  

【4】使用

[html]view plaincopy 
   
 <tr>  
     <td width="60">账  号：</td>  
     <td width="244"><input id="userName" name="userName" type="text" class="inp_01" /></td>  
   </tr>  
   <tr>  
     <td>密  码：</td>  
     <td><input id="password" name="password" type="password" class="inp_01" /></td>  
   </tr>  
   <tr>  
     <td> </td>  
     <td><input id="rememberMe" type="checkbox"/> 记住我</td>  
   </tr>  
 
 