前提是需要引入jquery和jquery.cookie
html
用户名:<input type="text" id="name"/><br /> 密码:<input type="text" id="password"/><br /> <input type="checkbox" id="clickuser"/>记住用户名和密码<br /> <input type="submit" id="sub" value="登录" />
js
$(document).ready(function () {
if ($.cookie("onclickuser") == "true") {
$("#onclickuser").attr("checked", true);
$("#name").val($.cookie("username"));
$("#password").val($.cookie("password"));
}
});
//记住用户名密码
$("#sub").click(function(){
Save();
});
function Save() {
if ($("#clickuser").attr("checked")) {
var name = $("#name").val();
var pwd = $("#password").val();
$.cookie("clickuser", "true", { expires: 7 }); //存储一个带7天期限的cookie
$.cookie("username", name, { expires: 7 });
$.cookie("password", pwd, { expires: 7 });
}
else {
$.cookie("clickuser", "false", { expire: -1 });//过期
$.cookie("username", "", { expires: -1 });
$.cookie("password", "", { expires: -1 });
}
};