记录输入框本地记录用户名效果 -凯发k8官方网

<input type="text" id="username"> <input type="checkbox" id="remember">记住用户名 var username = document.queryselector('#username');var remember = document.queryselector('#remember');// 判断本地存储有username记录，将值传给输入框，让checkbox状态为trueif (localstorage.getitem('username')) {username.value = localstorage.getitem('username');remember.checked = 'true';}// checkbox变化remember.addeventlistener('change', function() {if (this.checked) {// 设置属性localstorage.setitem('username', username.value)} else {// 取消勾选，移除usernamelocalstorage.removeitem('username');}})

总结

以上是凯发k8官方网为你收集整理的记录输入框本地记录用户名效果的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。