Mostrar contraseña checkbox e input type password

[PJ100]

Hola
Quisiera saber si hay alguna manera de mostrar las contraseñas de los campos <input type='password' /> al hacer click en un checkbox que ponga Mostrar contraseñas tanto si es para un campo como para varios.

Muchas gracias de antemano.

[Kaze71]

Sencillo:

Código:

// Javascript

function hideOrShowPassword(){ // Si quieres le cambias el nombre xD
    checkbox = document.getElementById('id de la checkbox');
    passField = document.getElementById('id del campo de password');
    if(checkbox.checked==true) // Si la checkbox de mostrar contraseña está activada
    {
        passFiled.type = "text";
    }
    else // Si no está activada
    {
        passField.type = "password"
    }
}

Si los dos objetos ya están en un form, a ese form le pones onclick="hideOrShowpassword()", si no pues se lo pones a una etiqueta que encierre a estos dos objetos (por ejemplo <div>).

(EDIT: leí mal, esto que puse es para un solo campo, cuando descubra cómo poder hacerlo con varios campos en una misma función edito este mensaje. Saludos;)

[PJ100]

Muchas gracias Kaze71, supongo que para varios campos habrá que hacer un bucle que los recorra todos, ya investigaré yo. O si lo has descubierto me lo dices.

[Kaze71]

Hey boss, ya que respondiste no sería SPAM que lo pusiera en otro nuevo mensaje xD. Descubrí un método sencillo para hacerlo funcionar de un modo fluído:

Código:

// Javascript

function hacerClick(e)
{
    if(e.target.type.toLowerCase()!="checkbox")
    {
        return;
    }
    id = e.target.id.substr(5);
    checkbox = document.getElementById("check"+id);
    passField = document.getElementById("password"+id);
    if(checkbox.checked===true){
        passField.type = "password";
    }
    else
    {
        passField.type = "text";
    }
}
document.body.onmousedown = hacerClick;

Así cuando hagas click en el body pues se ejecuta la función hacerClick(), en la cual e.target sería el elemento en el que se hizo click. Si el tipo de elemento no es checkbox (type="checkbox") detiene la ejecución del código, de lo contrario sigue ejecutándose. La variable e.target pillaría como valor el elemento en el que haces click, y el resto supongo que te lo imaginas.

Así sólamente deberías ponerle a las checkbox id="check#" y a los campos de password id="password#", sustituyendo en ambos casos el # por un número. Si decides cambiarle la id a la checkbox, deberías prestar atención al substr.

Saludos;