使用html的localstorage实现登录页面的记住密码功能

html代码：

[code]<div class="detailpwd">
<div class="remempwd" >
<img id="remcheckbox" src="../images/remempwd1.png" />
记住密码</div>
<div class="forgetpwd">忘记密码?</div>
</div>

js代码：

[code]//实现记住密码功能
$(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');
}
}