переключение видимости нескольких паролей

Question

переключение видимости нескольких паролей

У меня есть форма, которая хранит несколько паролей в MySQL

нам нужно скрыть пароль, и всякий раз, когда нам нужно, нажмите на нужный пароль

Но проблема в том, что при нажатии на переключатель отображается первый пароль

например: (это не основной источник)

<!DOCTYPE html>
<html>
<body>

<p>Click the radio button to toggle between password visibility:</p>

Password: <input type="password" value="FakePSW" id="myInput">
<input type="checkbox" onclick="myFunction()">Show Password

<br>
Password: <input type="password" value="FakePSW" id="myInput">
<input type="checkbox" onclick="myFunction()">Show Password
<script>
function myFunction() {
var x = document.getElementById("myInput");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
</script>

</body>
</html>

я использовал id="'.$row["id"].'" но это не так

-1

passwords php toggle

Решение

По вопросам рекламы [email protected]

Accepted Answer

Для обоих onclick Вы указываете ту же функцию, которая ссылается на идентификатор myInput, Есть 2 идентификатора с этим именем.

Вы не должны использовать один и тот же идентификатор несколько раз id="myInput",

Что вы можете сделать, это создать уникальные идентификаторы и передать их в свою функцию.

function myFunction(id) {
var x = document.getElementById(id);
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}

<!DOCTYPE html>
<html>

<body>

<p>Click the radio button to toggle between password visibility:</p>

Password: <input type="password" value="FakePSW" id="myInput1">
<input type="checkbox" onclick="myFunction('myInput1')">Show Password

<br> Password: <input type="password" value="FakePSW" id="myInput2">
<input type="checkbox" onclick="myFunction('myInput2')">Show Password
</body>

</html>

0

Другие решения

Других решений пока нет …

Источник