码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-09-23 11:24:05      阅读:138      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!