• Video Tutorial on show hide text in password field

JQuery

<script>
$(document).ready(function() {
/// Checkbox change event ///
$("#ckb").change(function(){
var ckb_status = $("#ckb").prop('checked');
 if(ckb_status){$('#t1').prop('type', 'text');}// if checked
 else{$('#t1').prop('type', 'password');} // if not checked 
});
///End of checkbox change event//
});
</script>

HTML

Password  
<input type=password name=t1 id=t1 class='form-control'>
<input type=checkbox id='ckb'> Show text

Using JavaScript

<input type=checkbox id='ckb' onclick=my_change()>

<script>
function my_change() {
var t = document.getElementById("t1");
  if (t.type === "password") {
    t.type = "text";
  } else {
    t.type = "password";
  }
}
</script>