JS实现点击查看密码功能!

Posted connectionworld

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS实现点击查看密码功能!相关的知识,希望对你有一定的参考价值。

<table border=‘1‘>
<tr>
<td>aaaa</td>
<td onclick="myFunction(this.id)" id=‘pass0‘>密码点击查看</td>
</tr>
<tr>
<td>bbb</td>
<td onclick="myFunction(this.id)" id=‘pass1‘>密码点击查看</td>
</tr>
<tr>
<td>ccc</td>
<td onclick="myFunction(this.id)" id=‘pass2‘>密码点击查看</td>
</tr>
<tr>
<td>ddd</td>
<td onclick="myFunction(this.id)" id=‘pass3‘>密码点击查看</td>

</tr>
</table>

<script>

function myFunction(id){
var password = [‘12364‘,‘bbb‘,‘555666‘,‘abcdefg‘];
for(var i = 0, l = password.length; i<l; i++){
if(id == (‘pass‘+i)){
document.getElementById(id).innerhtml = password[i];
}
}

}
</script>

 

一个函数搞定。 根据传入的id,判断id是否与循环相等,如果相等,则输出password。

td元素的id与password的元素下标相对应,就能实现准确无误的输出!

 

为了避免id重复(单纯的一个数字太容易重复),在函数中加个字符串就搞定。 这样td元素的id就可以写成pass+数字了

以上是关于JS实现点击查看密码功能!的主要内容,如果未能解决你的问题,请参考以下文章

js实现密码框的点击眼睛的显示与隐藏

在JS中连接点击的按钮值和功能

vue基于input实现密码的显示与隐藏功能

vue - vue使用echarts实现中国地图和点击省份进行查看

js网页点击“按钮”实现“键盘按下Tab键”功能函数?

强大的jQuery图片查看器插件Viewer.js