Skip to main content
3 de 3
Colocar código en snippet
jachguate
  • 32.1k
  • 8
  • 41
  • 69

Problemas al usar attr (JQuery)

Anduve haciendo un toggle de mostrar y ocultar la contraseña de los inputs; tengo 2 inputs en el cual al darle al icono div class="icon icon-view", en los dos se muestre y oculte.

Pero solo funciona una sola vez y no vuelve los inputs a type="password".

$(document).ready(function() {
    $("#view").click(function() {
        $(this).toggleClass("icon-view-active");
        if ($(":password").attr("type","password")){
            $(':password').attr("type", "text");
        }
        else{
            $(':password').attr("type", "password");
        }
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-float">
  <input type="password" name="password" placeholder="Introduce tu contraseña..." required>
  <!-- -->
  <div class="password-verify">
    <input type="password" name="password_verify" placeholder="Introduce tu contraseña..."required>
    <div class="icon icon-view" id="view">clic aqui</div>
  </div>
</div>