Question

如何将Javascript代码插入第二个输入？

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

原始代码：

document.getElementById('pass').type

okey，工作但是......

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

第二个“ pass2 ”我该如何添加？

抱歉英文不好

Answer 1

这是不可能的，只需调用getElementById两次，最好使用实际的事件处理函数。

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

另请注意，您的代码将无法在Internet Explorer 8及更早版本上运行（我认为这是正确的版本号），因为它在元素添加到文档后修复了type。

Answer 2

如果没有使用vanilla 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>

第二个输入标签 - 我该如何添加？

2 个答案: