show password機能が動作しているかどうか、どうすれば確認できますか？

Question

ショーパスワード機能が有効かどうかを確認するにはどうすればよいですか？パスワード欄に書かれたテストを確認するために「パスワードを表示する」チェックボックスをクリックした後、チェックボックスのどのプロパティを表示する必要がありますか？

Answer 1

これは、あなたのニーズにチェックボックスを使用したい場合は

function togglePassword(checkbox){ 
 
    if(checkbox.checked == true){ 
 
     document.getElementById("password").type = "text"; 
 
    }else{ 
 
     document.getElementById("password").type = "password"; 
 
    } 
 
}

<input type="password" id="password" name="passwod" /> 
 
<label><input onchange="togglePassword(this)" type="checkbox" /> Show</label>

に基づいて実装することができ、簡単なロジックは

function togglePassword(checkbox){ 
 
    if(checkbox.checked == true){ 
 
     document.getElementById("password").type = "text"; 
 
    }else{ 
 
     document.getElementById("password").type = "password"; 
 
    } 
 
}

<input type="password" id="password" name="passwod" /> 
 
<label><input onchange="togglePassword(this)" type="checkbox" /> Show</label>