Cookie插件使用--记住用户名和密码

导入jquery和 cookie的js

	<script type="text/javascript" src="<%=basePath %>js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="<%=basePath %>js/jquery.cookie.js"></script>

js:

	$(function(){
        if( $.cookie("COOKIE_CHECK")=="true" ){  
        $("#username").val(  $.cookie("COOKIE_USERNAME") );  
        $("#password").val(  $.cookie("COOKIE_PASSWORD") ); 
        $("#check").attr("checked",true);
    }  
	});

     function myfunction() {
    	console.log(1);
    	console.log($("#check").attr("checked"));
        if($("#check").attr("checked")=="checked"){  
            $.cookie("COOKIE_USERNAME", $("#username").val() , { path: '/', expires: 10 });  
            $.cookie("COOKIE_PASSWORD", $("#password").val() , { path: '/', expires: 10 }); 
            $.cookie("COOKIE_CHECK", "true", { path: '/', expires: 10 }); 
            //var date = new Date();  
            //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期  
            //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date });
        }else{  
            $.cookie("COOKIE_USERNAME", null, { path: '/' });  //删除cookie  
              $.cookie("COOKIE_PASSWORD", null, { path: '/' });  //删除cookie  
              $.cookie("COOKIE_CHECK", "false", { path: '/' });  //删除cookie  
        }  
    }  

html:

    用户名:<input id="username" name="username" /><br>
    密码:   <input id="password" name="password" /><br>
    记住我<input type="checkbox"  οnchange="myfunction()" id="check" name="check" >

效果演示：

第一次进入该页面：

输入用户名和密码，点击“记住我”之后:

再次重新进入该页面: