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