jQuery的cookie插件实现保存用户的数据

浏览数：24 / 时间：2015年06月09日

<!DOCTYPE html>
<html>
  <head>
    <title>cookies.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
   <style type="text/css">
	.txt{
		width: 150px;
		height:20px;
		border: 1px blue solid;
		border-radius:0.5em;
		margin-bottom: 5px;
		padding-left: 5px;
	}

</style>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/jquery.cookie.js"></script>
<script type="text/javascript">
	$(function(){
	
	
		if($.cookie("name")){
		//取值如果存在则赋值
		$("#username").val($.cookie("name"));
		
		}
		
		
		$("#mycookie").submit(function(){

		  //如果选中了保存用户名选项
			if($("#chkSave").is(":checked")){
			
				//设置Cookie值
				$.cookie("name",$("#username").val(),{
					expires:7,//设置保存期限
					path:"/"//设置保存的路径
				
				});
				
			}else{
			
			//销毁对象
			$.cookie("name",null,{
				path:"/"
			
			   });
			}
			
	return false;
		});
	
	});	


</script>
  </head>
   <body>
  	<form action="#" method="get" id="mycookie">
  	
  		<div>
  			用户名：<br>
  			<input id="username" name="username" type="text" class="txt">
  		</div>
  		<div>
  			密码:<br>
  			<input id="password" name="password" type="password" class="txt">
  		</div>
  		<div>
  			<input id="chkSave" type="checkbox">是否保存用户名
  		</div>
  		<div>
  			<input id="cookBtn" class="btn" type="submit" value="提交">
  		</div>
  	
  	 </form>
 
  
  </body>
</html>

jQuery的cookie插件实现保存用户的数据,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。