html代码:
<div class="detailpwd">
<div class="remempwd" >
<img id="remcheckbox" src="../images/remempwd1.png" />
记住密码</div>
<div class="forgetpwd">忘记密码?</div>
</div>
js代码:
//实现记住密码功能
$(document).ready(function(){
var strName = localStorage.getItem('keyName');
var strPass = localStorage.getItem('keyPass');
if(strName){
$('#account').val(strName);
}if(strPass){
$('#password').val(strPass);
//登录时记住密码,退出后复选框为勾选状态;
$("#remcheckbox").prop("checked",true);
}
});
function loginBtn_click(){
var strName = $('#account').val();
var strPass = $('#password').val();
localStorage.setItem('keyName',strName);
/*复选框是inpu图片时*/
/*if( $('#remcheckbox').attr('src') == '../images/remempwd2.png'){*/
/*复选框是input标签时*/
if($('#remcheckbox').is(':checked')){
localStorage.setItem('keyPass',strPass);
}else{
localStorage.removeItem('keyPass');
}
}