//勾選框
<div style="float: right; padding-right: 10%;"> <div style="float: left; margin-top: 3px; margin-right: 2px;"> <font color="white">記住密碼</font> </div> <div style="float: left;"> <input id="saveid" type="checkbox" onclick="savePaw();" style="padding-top: 0px;" /> </div> </div>
//如果未勾選,則將cookie中的值設置為失效 function savePaw() { if (!$("#saveid").is(":checked")) { $.cookie('loginname', '', { expires : -1 }); $.cookie('password', '', { expires : -1 }); } }
//登錄成功后保存cookie function saveCookie() { if ($("#saveid").is(":checked")) { $.cookie('loginname', $("#loginname").val(), { expires : 7 //cookie有效期為7天,如果設置一個之前的時間點(-1),則此cookie立即失效 }); $.cookie('password', $("#password").val(), { expires : 7 }); } }
//當再次進入登錄頁面,檢查cookie中是否有登錄名密碼,有則將值賦值給輸入框,並勾選記住密碼 jQuery(function() { var loginname = $.cookie('loginname'); var password = $.cookie('password'); if (typeof(loginname) != "undefined" && typeof(password) != "undefined") { $("#loginname").val(loginname); $("#password").val(password); $("#saveid").attr("checked", true); $("#code").focus(); } });