Checkbox Show/Hide Password Jquery (Without Plugin) ~ Bariklana ngeBlog

Show / Hide Password biasanya digunakan supaya kita tidak salah dalam memasukkan password. Terutama ketika kita sedang melakukan pendaftaran, bila kita salah ketika menekan tombol dan kita tidak mengetahuinya maka password kita akan salah.

Dalam post ini saya akan berbagi contoh script untuk show/hide password.
Berikut adalah contoh scriptnya.

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("#a").keyup(function() {
$("#b").val($(this).val());
});
$("#b").keyup(function() {
$("#a").val($(this).val());
});
$("#b").hide();
$("#check").change(function() {
   if($(this).is(":checked")) {
       $("#a").hide();
       $("#b").show();
   } else {
       $("#b").hide();
       $("#a").show();
   }
})
});
</script>
</head>

<body>
<input id="a" type="password">
<input id="b" type="text">
<input id="check" type="checkbox"><label>show password</label>
</body>
</html>

Semoga bermanfaat.