首页 > Web开发 > 详细

【jQuery】利用jQuery实现“记住我”的功能

时间：2017-08-02 15:04:10 阅读：182 评论：0 收藏：0 [点我收藏+]

标签：log ace fine move false ring alt 实现 com

【1】先下载jQuery.cookie插件：使用帮助请参考链接(https://github.com/carhartl/jquery-cookie)。

【2】安装插件：

[html] view plain copy

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

【3】功能逻辑：

[javascript] view plain copy

//判断之前是否有设置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 plain copy

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

【jQuery】利用jQuery实现“记住我”的功能

标签：log ace fine move false ring alt 实现 com

原文地址：http://www.cnblogs.com/HDK2016/p/7273676.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！