首页 > 其他 > 详细

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

时间:2016-09-23 11:21:01      阅读:213      评论:0      收藏:0      [点我收藏+]

学了一个多月,感觉真正开始理解点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";
    }
});

 

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

原文:http://www.cnblogs.com/xiaoluoli/p/5898977.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!