Show Hide with jQuery

Membuat menampilkan dan menyembunyikan password dengan menggunakan jquery

by Miftah Faroq

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<h1>Show Hide Password jQuery | YELLOWWEB.ID</h1>
	 
	<div class="box">
		<form>
			<input class="form-password" type="password" name="passku">
			<br/>
			<br/>
			<input type="checkbox" class="form-checkbox" name="checkku"> Lihat password
			<br/>
			<br/>			
			<input class="form-submit" type="submit" value="Masuk" name="submit">
		</form>
	</div>

JavaScript

$(document).ready(function(){		
		$('.form-checkbox').click(function(){
			if($(this).is(':checked')){
				$('.form-password').attr('type','text');
			}else{
				$('.form-password').attr('type','password');
			}
		});
	});