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

学了一个多月,感觉真正开始理解点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";
    }
});
原文地址:https://www.cnblogs.com/xiaoluoli/p/5898977.html