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

来源：互联网发布：工艺流程图设计软件编辑：程序博客网时间：2024/05/22 08:02

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

【2】安装插件：

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

【3】功能逻辑：

//判断之前是否有设置cookie，如果有，则设置【记住我】选择框if($.cookie('absms_crm2_userName')!=undefined){$("#rememberMe").attr("checked", true);}else{$("#rememberMe").attr("checked", false);}//读取cookieif($('#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】使用

<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>