jQuery操作cookie实现用户名、密码记住和删除

页面元素：

<div class="layui-form-item">
						<label class="beg-login-icon">
                        <i class="layui-icon"></i>
                    </label>
						<input type="text" id="username" name="username" lay-verify="username"  autocomplete="off" placeholder="这里输入登录名" class="layui-input">
					</div>
					<div class="layui-form-item">
						<label class="beg-login-icon">
                        <i class="layui-icon"></i>
                    </label>
						<input type="password" id="password" name="password" lay-verify="password" autocomplete="off" placeholder="这里输入密码" class="layui-input">
					</div>
					<div class="layui-form-item">
						<div class="beg-pull-left beg-login-remember">
							<label>记住帐号？</label>
							<input type="checkbox" id="rememberMe" name="rememberMe" value="true" lay-skin="switch" checked title="记住帐号">
						</div>
						<div class="beg-pull-right"> 
							<button type="button" id="submitBtn" class="layui-btn layui-btn-primary" lay-submit lay-filter="login">
                            <i class="layui-icon"></i>登录
                        </button>
						</div>
						<div class="beg-clear"></div>
					</div>

加入jQuery、cookie的js：

<script type="text/javascript" src="${rc.contextPath}/resources/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="${rc.contextPath}/resources/plugins/jquery-cookie/jquery.cookie.js"></script>

编写处理逻辑：

$(function(){
				$("#username").val(jQuery.cookie('username'));
				$("#password").val(jQuery.cookie('password')); 
				$("#submitBtn").click(function(){
					//var isRember = $("#rememberMe").attr("checked");
					var isRember=$('#rememberMe').is(':checked'); 
					if(isRember){ //如果记住
						jQuery.cookie('username', $("#username").val());
						jQuery.cookie('password', $("#password").val());
					}else{
						jQuery.cookie("username", '', { expires: -1 }); 
						jQuery.cookie("password", '', { expires: -1 });
					}
					$("form").submit();
				});
			});