<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" placeholder="请输入用户名" id="name" />
<input type="password" placeholder="请输入密码" id="password" />
<input type="checkbox" id="checked" />
<input type="button" value="按钮" id="button" />
<script src="jquery-1.8.0.js"></script>
<script src="base64.js"></script>
<script>
var b = new Base64() , str;
$("#button").on("click" , function(){
var checked = $("#checked").prop("checked");
if(checked){
var data = {
name: $("#name").val(),
password: $("#password").val()
}
str = b.encode(JSON.stringify(data)); // 加密
localStorage.setItem("key" , str);
}else{
localStorage.removeItem("key" , str);
}
})
// 解密
str = localStorage.getItem("key");
if(str !="" && str != undefined){
str = b.decode(str); // 解码
str = JSON.parse(str);
$("#name").val(str.name);
$("#password").val(str.password);
}
</script>
</body>
</html>
