Baru sempat blog lagi niii setelah beberapa minggu sibuk.
Oke kali ini saya akan sharing bagaimana cara membaca atau mengambil value checkboxes dan radio buttons dengan menggunakan javascript.
Kurang lebih begini hasilnya :Source Codenya sebagai berikut, Selamat mencoba :)<html>
<head>
<title>Javascript - Reading Checkboxes and Radio Buttons</title>
<script language="Javascript">
function showBoxes(frm){
var message = "Your chose:\n\n"
//For each checkbox see if it has been checked, record the value.
for (i = 0; i < frm.Makanan.length; i++)
if (frm.Makanan[i].checked){
message = message + frm.Makanan[i].value + "\n"
}
//For each radio button if it is checked get the value and break.
for (var i = 0; i < frm.Minuman.length; i++){
if (frm.Minuman[i].checked){
message = message + "\n" + frm.Minuman[i].value
break
}
}
alert(message)
}
</script>
</head>
<body bgcolor="#ffffff">
<form name="boxes">
<hr size=1 noshade>
<h2>Survei Makanan dan Minuman Favorit</h2>
<table border="1" CellSpacing="0" Cellpadding="6">
<tr>
<td align="right">Makanan :</td>
<td><input type="Checkbox" name="Makanan" value="Nasi Goreng" onClick="" checked>Nasi Goreng</td>
<td><input type="Checkbox" name="Makanan" value="pizza" onClick="">pizza</td>
<td><input type="Checkbox" name="Makanan" value="Spagetthi" onClick="" checked>Spagetthi</td>
<td><input type="Checkbox" name="Makanan" value="Sate" onClick="">Sate</td>
<td><input type="Checkbox" name="Makanan" value="Ikan Bakar" onClick="">Ikan Bakar</td>
</tr>
<tr>
<td><div align="right">Minuman :</div></td>
<td><input type="radio" name="Minuman" value="Air putih" onClick="">Air putih</td>
<td><input type="radio" name="Minuman" value="Jus Buah" onClick="" checked>Jus Buah</td>
<td><input type="radio" name="Minuman" value="Teh Manis" onClick="">Teh Manis</td>
<td><input type="radio" name="Minuman" value="Soda Drink" onClick="">Soda Drink</td>
<td><input type="radio" name="Minuman" value="Kopi" onClick="">Kopi</td>
</tr>
</table>
<p>
<input type="Button" value="Tell Us What You Like!" onClick="showBoxes(this.form);">
</p>
</form>
</body>
</html>
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com
atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :
