contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Enabled Disabled textbox dengan Javascript

Posted in Javascript Jquery Life at 28 Juli 2016 With 0 Comments

Cara Membuat textbox disabled saat tidak diklik checkbox kita dapat memanfaatkan Javascript, dalam kasus ini textbox akan disabled dan tidak bisa diinputkan jika kita belum menceklist checkbox , Dengan menggunakan javascript yang berjalan pada sisi client kita dapat membuat fungsi ini tanpa harus meload halaman , So.. ini juga terdapat kelemahan jika fungsi javascript di browser di nonaktifkan .. 

enable disabled textbox dengan checkbox

SCRIPT HTML :

<html>
<head>
<title>(Type a title for your page here)</title>
<script language="JavaScript">
<!--

function enable_text(status)
{
status=!status;    
    document.f1.other_text.disabled = status;
}
//-->
</script>
</head>
<body onload=enable_text(false);>

<form name=f1 method=post>
<input type="checkbox" name=others onclick="enable_text(this.checked)" >Others
<input type=text name=other_text>
</form>

</body>
</html>

▼ Download Source Code Dibawah Ini ▼


Artikel Rekomendasi



Artikel Terkait

Diskusi