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

【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);
	}
	
	//读取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 cookie是个很好的cookie插件,大概的使用方法如下 example $.cookie(’name’, ‘value’); 设置cookie的值,把name变量的值设为value example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie(’name’, ‘value’); 新建cookie example $.cookie(’name’, null); 删除一个cookie var account= $.cookie('name'); 取一个cookie(name)值给myvar ************************************************************* jQuery cookie是个很好的cookie插件,大概的使用方法如下 example $.cookie(’name’, ‘value’); 设置cookie的值,把name变量的值设为valu e example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie(’name’, ‘value’); 新建cookie example $.cookie(’name’, null); 删除一个cookie var account= $.cookie('name'); 取一个cookie(name)值给myvar ************************************************************** jQuery cookie是个很好的cookie插件,大概的使用方法如下 example $.cookie(’name’, ‘value’); 设置cookie的值,把name变量的值设为value example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie(’name’, ‘value’); 新建cookie example $.cookie(’name’, null); 删除一个cookie var account= $.cookie('name'); 取一个cookie(name)值给myvar
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值