0

2 番目の入力に Javascript コードを挿入するにはどうすればよいですか?

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

元のコード:

document.getElementById('pass').type

オーケー、仕事だけど..

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

2 番目の「pass2」どうすれば追加できますか?

下手な英語でごめんなさい

4

2 に答える 2

2

それは不可能getElementByIdです。できれば実際のイベント ハンドラー関数を使用して、2 回呼び出すだけです。

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';
    }
}

typeまた、要素がドキュメントに追加された後に修正されるため、コードは Internet Explorer 8 以前 (正しいバージョン番号だと思います) では機能しないことに注意してください。

于 2012-07-22T15:50:31.197 に答える
0

通常の DOM 関数を使用したループまたはコピー ペーストなしでは実行できません。jQuery を使用するか、行を変更時に呼び出すことができる関数に変換します。

jQuery 相当:

$('#toggle-pass').click(function() {
    $('#pass, #pass2').prop('type', this.checked ? 'text' : 'password');
});

<label><input type="checkbox" id="toggle-pass" /> Show password</label>
于 2012-07-22T15:49:26.847 に答える