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";
    }
});
时间: 2024-11-04 13:27:19

checkbox选中selec才可选和显示隐藏密码的相关文章

input 显示/隐藏密码

js代码: // 显示/隐藏密码 $('.open').on('click',function(){ if($("#psw").prop('type')=='password'){ $("#psw").prop('type','text'); }else{ $("#psw").prop('type','password'); } });

js点击显示隐藏密码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

vue+element-ui实现显示隐藏密码

<template> <el-form :model="cuser_info" label-width="115px" label-position="left" > <el-row :gutter="20"> <el-col :span="24"> <el-form-item v-if="visible2" label="

jQuery基础(动画篇 animate,显示隐藏,淡入淡出,下拉切换)

1.jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果   $elem.hide() 提供参数: .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法..hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作

Android:密码显示隐藏

效果: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android

使用toggle()方法进行显示隐藏

使用toggle()方法进行显示隐藏 这是一个示例: 1 <html> 2 <head> 3 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> 4 <script type="text/javascript"> 5 $(doc

EditTextPreference点击后输入框显示隐藏内容,类似密码输入(转)

http://bbs.anzhuo.cn/thread-928131-1-1.html EditTextPreference点击后输入框显示隐藏内容,类似密码输入... [复制链接]     askilledhand ADD.幼儿园 UID 2186431 帖子 46 精华 0 积分 34 最后登录 2014-3-5 串个门 加好友 打招呼 发消息 电梯直达 1楼  发表于 2013-11-18 11:59:03 |只看该作者 |倒序浏览  一键分享 [新人报到]现在去发帖报道即可领取论坛金币哦

线程安全变量控制显示隐藏loading框

一.线程安全变量控制显示隐藏loading框 问题描述: 同一页面有两个异步网络请求,第一个请求开始,loading旋转,第二个请求开始loading旋转,第一个结束,loading停止旋转,可是这时第二个请求还没有结束,然后loading就结束了,于是问题就来了. 解决方案: 二.由上面问题引申出的问题: 1. #import <libkern/OSAtomic.h> 这段话是从网上copy过来的,总结了一下原子操作的作用.但是文中提到的osbase.h文件找不到.可能是因为版本升级我的li

jQuery - 02. 样式表属性操作/类操作、动画、显示隐藏、滑入、淡入、停止动画、节点操作、添加对象、清空节点

样式表属性操作.css $("div").css({'width':100,'height':100,'background':'red'}); $("div").css("background","pink"); 类操作 .addClass添加类   $("div").addClass("class"); .removeClass删除类   $("div).removeCla