<div>
<div class="login">
<input type="text" placeholder="账号" class="user">
<div style="height: 1px;background: #e4e4e4;float: left;margin: .2rem 0 .5rem;width: 100%"></div>
<input type="password" placeholder="密码" class="loginPassword">
<div style="height: 1px;background: #e4e4e4;float: left;margin: 1.4vh 0%;width: 100%"></div>
</div>
<div class="loginBtn">登录</div>
</div>
<div class="small">
<input id="remember" name='' type="checkbox" class="jizhu" checked/>
<span class="text">记住密码</span>
</div>
//样式我就不写了
if($('#remember').is(':checked')){
var strName = localStorage.getItem('user');
var strPass = localStorage.getItem('pswd');
if(strName){
$('.user').val(strName);
}if(strPass){
$('.loginPassword').val(strPass);
}
}
$('.jizhu').click(function(){
$(this).toggleClass('addbg');
$('.text').toggleClass('textColor')
var strName = $('.user').val();
var strPass = $('.loginPassword').val();
localStorage.setItem('user',strName);
localStorage.setItem('pswd',strPass);
if($('#remember').is(':checked')){
localStorage.setItem('user',strName);
localStorage.setItem('pswd',strPass);
}else{
localStorage.removeItem('pswd');
localStorage.removeItem('user');
}
})