js 实现记住密码功能

在JavaScript中实现记住密码功能，通常需要使用localStorage或sessionStorage来在浏览器端存储用户信息。以下是一个简单的实现示例：

HTML部分：

<input type="checkbox" id="rememberMe" />
<label for="rememberMe">记住密码</label>
<input type="password" id="password" />

JavaScript部分：

document.addEventListener('DOMContentLoaded', function() {
  var checkbox = document.getElementById('rememberMe');
  var passwordInput = document.getElementById('password');
 
  // 检查是否之前存储了记住密码的选项
  if (localStorage.getItem('rememberMe') === 'true') {
    checkbox.checked = true;
    passwordInput.value = localStorage.getItem('password') || '';
  }
 
  checkbox.addEventListener('change', function() {
    if (checkbox.checked) {
      // 用户勾选了记住密码
      localStorage.setItem('rememberMe', 'true');
      localStorage.setItem('password', passwordInput.value);
    } else {
      // 用户取消勾选记住密码
      localStorage.removeItem('rememberMe');
      localStorage.removeItem('password');
    }
  });
 
  passwordInput.addEventListener('input', function() {
    if (checkbox.checked) {
      localStorage.setItem('password', passwordInput.value);
    }
  });
});

这段代码在页面加载时检查是否之前选择了记住密码，并填充相应的值。同时，当用户更改复选框状态或输入密码时，会根据用户的选择在localStorage中存储或删除记住密码的选项和密码值。请注意，出于安全考虑，实际环境中应对存储的密码进行加密处理。