Question

我一直致力于一个项目，要求我在密码字段中显示和隐藏密码之间切换。

我想出的JS代码是：

＆＃13;

<script>
  function text(item) {
    if (document.getElementById('password').type = "password") {
      document.getElementById('password').type = "text";
    } else {
      document.getElementById('password').type = "password";
    }

  }
</script>
<input type="checkbox" id="logon-show-password" name="showpassword" class="tickable" onclick="text(this)">

<input type="password" id="password" />

＆＃13;

出于某种原因，在切换密码时可以正常工作 - ＆gt;文字，但没有做相反的事。

我做错了什么？

Answer 1

if条件

中缺少=

if(document.getElementById('password').type="password"){
                                          ^^^^

应该是

if(document.getElementById('password').type=="password"){

否则它将为字段分配类型密码，它将始终返回

＆＃13;

function text(item) {
  if (document.getElementById('password').type == "password") {
    document.getElementById('password').type = "text";
  } else {
    document.getElementById('password').type = "password";
  }

}

＆＃13;

<input type="checkbox" id="logon-show-password" name="showpassword" class="tickable" onclick="text(this)">
<input id="password" type="password" />

＆＃13;

Javascript在显示和隐藏密码之间切换

1 个答案: