js之点击值发生变化
2018-07-24 20:21
225 查看
点击值发生变化,应用场景,比如像阿里云那样我通常密码是以******的形式存在,我必须要点击查看,它才会以明文显示。
在实际开发中,比如以智能门锁为例,安装门锁时,有个叫密码输入框的表单,这个是选填项,可填可不填。如果不填,密码会以某种规则进行自动生成,当没有填写这一栏,将其他必填项填完并提交,后台响应安装成功,这时可点击门锁详情进入门锁-密码列表,这时会看到一个叫功能密码和动态密码,但是密码却是以******的形式显示,这时通过点击按钮查看即可显示明文密码。
实现的机制还是js,不过这里以jQuery的形式实现
js代码如下:
$(function(){ var judge=1; content = $("#pwdsss_1"); content2 = $("#pwdsss_2"); $("#test001").click(function(event){ if(judge){ judge=0; content.text("972543"); }else{ judge=1; content.text("******"); } }); $("#test002").click(function(event){ if(judge){ judge=0; content2.text("678543"); }else{ judge=1; content2.text("******"); } }); });
上述代码即可完成该功能,不过的参数值,通常不是写死的,这里为了讲解方便,暂时写死,参数值是可以通过某个选择器赋值的。
至于html代码这里就不贴了,有了这个思路,大家可以直接复用这段代码完成该功能。
这段代码很好理解的,用一段话概述:获得对应的选择器声明并赋值,通过对应的点击事件完成值变化。
相关文章推荐
- 两个关联的GridView,点击其中一个,另一个的状态发生变化,联动操作
- js中当值发生变化/键盘摁下等事件的不同之处
- 导航栏图标背景颜色随点击发生变化
- 字段内容发生变化事件JS写法
- Android中如何编写图片选择器,实现按点击按钮时按钮的图片或者颜色发生变化
- JavaScript基础 点击div块后背景颜色发生变化 事件的函数参数是this
- 点击页面任一地方,js发生响应!
- JS巧妙实现多级菜单中当前菜单不随页面跳转样式而发生变化
- 原生JS编写图片切换效果和点击按钮的样式变化
- JavaScript基础 点击div块后背景颜色发生变化 事件的函数参数是this
- 防止每次点击后全局变量初始值发生变化
- android 点击按键背景发生变化
- echarts-环形图处理图列中的点击,使百分比的数据列不发生变化,默认追加其他选项
- 【java】事件监听——通过点击不同的按钮,让面板的背景色发生相应的变化
- js:遍历table某一tr的所有td(当鼠标放在一个单元格上时,当前行的tr样式发生变化 )
- 怎么设置空链接点击后页面位置不发生变化
- 点击ComboBox控件的一个选项另一个ComboBox的内容发生相应变化
- ASP 点击控件刷新后页面样式发生变化后台实现解决方法
- JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
- 上边图片跟随点击的图片发生变化,点击图片样式发生变化