【1】先下載jQuery.cookie插件：使用幫助請參考鏈接(https://github.com/carhartl/jquery-cookie)。

【2】安裝插件：

1. <script type="text/javascript" src="<%=basePath%>ie6/crm2/js/lib/cookies/jquery.cookie.js"></script>

【3】功能邏輯：

1. //判斷之前是否有設置cookie，如果有，則設置【記住我】選擇框
2. if($.cookie(‘absms_crm2_userName‘)!=undefined){
3. $("#rememberMe").attr("checked", true);
4. }else{
5. $("#rememberMe").attr("checked", false);
6. }
8. //讀取cookie
9. if($(‘#rememberMe:checked‘).length>0){
10. $(‘#userName‘).val($.cookie(‘absms_crm2_userName‘));
11. $(‘#password‘).val($.cookie(‘absms_crm2_password‘));
12. }
14. //監聽【記住我】事件
15. $("#rememberMe").click(function(){
16. if($(‘#rememberMe:checked‘).length>0){//設置cookie
17. $.cookie(‘absms_crm2_userName‘, $(‘#userName‘).val());
18. $.cookie(‘absms_crm2_password‘, $(‘#password‘).val());
19. }else{//清除cookie
20. $.removeCookie(‘absms_crm2_userName‘);
21. $.removeCookie(‘absms_crm2_password‘);
22. }
23. });

【4】使用

1. <tr>
2. <td width="60">賬 號：</td>
3. <td width="244"><input id="userName" name="userName" type="text" class="inp_01" /></td>
4. </tr>
5. <tr>
6. <td>密 碼：</td>
7. <td><input id="password" name="password" type="password" class="inp_01" /></td>
8. </tr>
9. <tr>
10. <td> </td>
11. <td><input id="rememberMe" type="checkbox"/> 記住我</td>
12. </tr>
    

【jQuery】利用jQuery實現“記住我”的功能