Question

html5中如何从本地存储中添加和移除数据

Answer 1

试一试 是不是这个效果 望采纳

html--
<form>
<input type="text" id="user" value=""><br>
<input type="text" id="pwd" value=""><br>
记住密码<br><input name="yes" id="yes" type="checkbox" value="yes">
<button id="login">登陆</button><br>
<button id="clear">清楚</button><br>
</form>

jquery--
$(function(){
var login =document.getElementById("login");
var pwd = document.getElementById("pwd");
var user =document.getElementById("user");
var clear = document.getElementById("clear");
var yes = document.getElementById("yes");
if(localStorage.value){
user.value=localStorage.value;
}
if(localStorage.pwd){
pwd.value=localStorage.pwd;
}
$(clear).click(function(){
localStorage.removeItem("value");
});

$("#login").click(function(){
$("#yes").each(function(){
if(this.checked){
localStorage.setItem('value',user.value);
localStorage.setItem('pwd',pwd.value);
}else{
localStorage.setItem('value',user.value);
localStorage.removeItem("pwd");
}
});
});
});

style--
body,div,input,button{margin:0;padding:0;}
form{text-align:center;}
input,button{width:50%;}