HTMl代码
<div class="sele-not">不记住</div>
<div class="sele-yes" style="display: none;">记住密码</div>
js代码
//是否记住密码
$(".sele-not").on('click', function () {
$(".sele-not").css('display', 'none');
$(".sele-yes").css('display', 'block');
saveUserInfo();
});
$(".sele-yes").on('click', function () {
$(".sele-not").css('display', 'block')
$(".sele-yes").css('display', 'none')
saveUserInfo();
});
//初始化页面时验证是否记住了密码
window.onload = function () {
if (getCookie("remember") == "true") {
$(".sele-not").css('display', 'none');
$(".sele-yes").css('display', 'block');
$("#username").val(getCookie("loginname"));
$("#usersecret").val(getCookie("passwd"));
}
};
function saveUserInfo() {
// if ($("#remember").attr("checked") == "checked") {
if ($(".select").find('.sele-not').css("display")=='none') {
console.log(132)
var loginname = $("#username").val();
var passwd = $("#usersecret").val();
setCookie("remember", "true", 30 ); // 存储一个带30天期限的 cookie
setCookie("loginname", loginname, 30 ); // 存储一个带30天期限的 cookie
setCookie("passwd", passwd, 30 ); // 存储一个带30天期限的 cookie
localStorage.setItem("loacl",loginname); //存入 参数: 1.调用的值 2.所要存入的数据
}
else {
console.log(798);
setCookie("remember", "false", -1 ); // 删除 cookie
setCookie("loginname", '', -1 );
setCookie("passwd", '', -1 );
}
}
//设置cookie
function setCookie(name, value, day) {
var date = new Date();
date.setDate(date.getDate() + day);
document.cookie = name + '=' + value + ';expires=' + date;
};
//获取cookie
function getCookie(name) {
var reg = RegExp(name + '=([^;]+)');
var arr = document.cookie.match(reg);
if (arr) {
return arr[1];
} else {
return '';
}
};