Semua tentang jquery, diskusi di sini
jQuery terbaru bisa didownload di http://www.jquery.com
Pada jQuery, kita bisa memasang berbagai plugin / addon.
Plugin-plugin ini sangat berguna karena mempermudah penggunaan jquery di kasus2 tertentu.
Download plugin jquery di : http://plugins.jquery.com/
Contoh kode jQuery.
Ada 2 radio button.
Ada 1 textbox & 1 drop down.
Misal kalau diklik radio button 1, text box disable & drop down enable.
Misal kalau diklik radio button 2, text box enable & drop down disable.
jQuery terbaru bisa didownload di http://www.jquery.com
Pada jQuery, kita bisa memasang berbagai plugin / addon.
Plugin-plugin ini sangat berguna karena mempermudah penggunaan jquery di kasus2 tertentu.
Download plugin jquery di : http://plugins.jquery.com/
Contoh kode jQuery.
Ada 2 radio button.
Ada 1 textbox & 1 drop down.
Misal kalau diklik radio button 1, text box disable & drop down enable.
Misal kalau diklik radio button 2, text box enable & drop down disable.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>JQuery Test</title>
<!-- SESUAIKAN PATH JQUERY DI BAWAH -->
<script type="text/javascript" src="PATH_LOCAL/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
init();
});
function init() {
pilih1();
}
function pilih1() {
$('#textbox1').attr('disabled', false);
$('#select1').attr('disabled', true);
}
function pilih2() {
$('#textbox1').attr('disabled', true);
$('#select1').attr('disabled', false);
}
</script>
</head>
<body>
<form method="post" action="form.php">
<input type="radio" name="a" value="1" id="radio1" onclick="pilih1()" /> <input type="text" name="something1" value="Some Value" id="textbox1" /><br />
<input type="radio" name="a" value="2" id="radio2" onclick="pilih2()" />
<select name="something2" id="select1">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</form>
</body>
</html>