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

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');           
		}
}