小工具知识网

当前位置: 首页 > 行业知识 > JavaScript实现记住用户名功能

行业知识

JavaScript实现记住用户名功能

2026-11-13 17:10:43 来源:互联网转载

问题���述:通过JavaScript实现点击复选框将用户名存储到本地中,再次打开页面,输入框中自动输入上次保存的数据。

    用户名     记住用户名            var cbx = document.querySelector('#cbx');        var user = document.querySelector('#user');        //    通过本地存储将数据永久存储(操作复选框,进行勾选)        // 当发生改变的的时候        cbx.onchange = function () {            if (this.checked&&user.value != '') {                                 localStorage.setItem('user', user.value);                            } else {                // 当checked值为false时,将数据清除                localStorage.removeItem('user');                user.value = ''            }        }        // 再次打开页面。判断本地是否有用户名,有的话自动填入输入框,并将按钮勾选        if (localStorage.getItem('user')) {            user.value = localStorage.getItem('user');            cbx.checked = true;        } else {            user.value = '';            cbx.checked = false;        }    

运行效果:

 

上一篇:揭秘前任3独家下载地址,不容错过!

下一篇:易语言调用DLL深度解析,原理与机制揭秘