标签：实战 checkbox 加密 Base64 phone localStorage checked password

首先先引入Base64.js文件

https://cdn.jsdelivr.net/npm/js-base64@3.7.2/base64.min.js
base64对于空格等特殊符号的加解码更加完善，不会像原生js中的加解码会在解码时出现一些小问题。

/**
 * 登录状态
 */
function loginStatus() {
    const checkbox = document.querySelector('.check input');
    const password = document.querySelector('#password');
    const phone = document.querySelector('#phone');
    phone.oninput = function() {
        localStorage.setItem('phone', JSON.stringify(phone.value));
    };
    password.oninput = function() {
        localStorage.setItem('tokens', Base64.encode(password.value.split(',').reverse().join(',')));
    };
    checkbox.onclick = function() {
        localStorage.setItem('checked', JSON.stringify(checkbox.checked));
        if (checkbox.checked == false) {
            localStorage.password = '';
            localStorage.phone = '';
        }
    };
    if (localStorage.checked) checkbox.checked = JSON.parse(localStorage.checked);
    if (checkbox.checked) {
        if (localStorage.tokens) password.value = Base64.decode(localStorage.tokens.split(',').reverse().join(','));
        if (localStorage.phone) phone.value = JSON.parse(localStorage.phone);
    }
}

标签：实战,checkbox,加密,Base64,phone,localStorage,checked,password
来源： https://blog.csdn.net/Y1_1Y1_1y1_1y/article/details/122304236

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。