JSFiddle - React, Tailwind, and code Playground
HTML
<label for="pass">Пароль</label>
<input id="pass" name="pass" type="password" placeholder="Введите пароль" required>
<input type="checkbox" id="check"> Включить отображение пароля
JavaScript
$('#check').change(function() {
var $pass = $('#pass');
if (!$pass.next().is('.pass-show')) {
$('<input class="pass-show">').val($pass.val()).hide().insertAfter($pass);
}
if ($(this).is(':checked')) {
$pass.hide().next().show();
}
else {
$pass.show().next().hide();
}
});