Question

How do I insert Javascript code into the second input?

<input type="checkbox" onchange="document.getElementById('pass').type = this.checked ? 'text' : 'password'"> Show password

Original code:

document.getElementById('pass').type

okey, work but..

document.getElementById('pass' 'pass2').type

The second “pass2” how can I add?

Sorry for bad English

Answer 1

That’s not possible, just call getElementById twice, preferably with an actual event handler function.

function togglePasswordVisibility() {
    if(this.checked) {
        document.getElementById('pass').type  = 'text';
        document.getElementById('pass2').type = 'text';
    } else {
        document.getElementById('pass').type  = 'password';
        document.getElementById('pass2').type = 'password';
    }
}

Also, note that your code won’t work on Internet Explorer 8 and earlier (I think that’s the right version number) because it fixes type after the element is added to the document.