Enable Disable Object
Tidak semua object HTML memiliki attribute readonly, seperti button, option, select (listbox, combo) dan lain-lain. Untuk mengakalinya bisa digunakan property disabled. Dibawah ini contoh fungsi sederhana untuk disable dan enable object HTML dengan parameter variable array (obj).
<html>
<head>
<title>Enable Disable Object HTML</title>
<script language="javascript">
function disableEnable(obj, pilih) {
var len= obj.length;
for(i=0; i<len; i++) {
document.getElementById(obj [i]).disabled= pilih;
}
}
</script>
</head>
<body>
<select id="list" multiple="multiple">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<select id="cbo">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<input type="button" value="Button" id="btn" />
<input type="checkbox" value="check" id="chk" />
<input type="radio" value="radio" id="radio" />
<br />
<input type="button" value="Enable" onclick="disableEnable(new Array('list', 'cbo', 'btn', 'chk', 'radio'),false);" />
<input type="button" value="Disable" onclick="disableEnable(new Array('list', 'cbo', 'btn', 'chk', 'radio'),true);"
</body>
</html>
