【jQuery】利用jQuery实现“记住我”的功能
标签：log ace fine move false ring alt 实现 com
【1】先下载jQuery.cookie插件：使用帮助请参考链接(https://github.com/carhartl/jquery-cookie)。
【2】安装插件：
- script type="text/javascript" src="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】使用
- 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
评论