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

Question

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

我想出的JS代码是:

<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" />

出于某种原因，它在密码 -> 文本之间切换时工作得很好，但无法执行相反的操作。

我做错了什么？

Answer 1

if 条件中缺少 =

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

应该是

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

否则它将向该字段分配类型密码，并且始终返回 true

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

}

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