checkbox选中selec才可选和显示隐藏密码

Posted 2020-08-09 超小级小萝莉

学了一个多月，感觉真正开始理解点js了，现在功能都能自己写出来不用问别人，比较开心啦！

1 checkbox选中selec才可选，否则禁用

document.addEventListener(‘click‘,function(evt){
	if(evt.target.matches("#check")) {
		var checkbox = document.getElementById("check");     //checkbox
        if(checkbox.checked==true){
            document.getElementById("sel").style.backgroundColor="white";
            document.getElementById("sel").removeAttribute("disabled");    //select先设置disabled隐藏
        }else{
            document.getElementById("sel").disabled="false";
        }
	}
});

 2 显示隐藏密码

document.addEventListener(‘click‘,function(evt){
    if (!evt.target.matches("#viewPassword")) {
    return;
    }
    var viewPassword = document.getElementById("viewPassword");
    var password = document.getElementById("password");
    if(password.type=="password") {
        password.type = "text";
    }
    else{
        password.type="password";
    }
});