Selamat malam programmer, kali ini saya akan berbagi sedikit ilmu mengenai objek radio dalam html dan javascript. Banyak buku pemograman yang sangat membantu kita untuk kreatif coding mengcoding bagi yang gemar bergaul dengan html dan javascript.Contohnya buku sumber yang saya gunakan, judulnya Mastering Ajax dan PHP karangan Abdul Kadir. Kalo belum punya , sebaiknya simak dibawah ini yaa....Objek tombol radio biasa digunakan berpasangan, paling tidak dua buah. Tabel dibawah ini memperlihatkan penanganan objek ini pada javascript.Perlu diketahui :
- Atribut cheked digunakan unuk menentukan tombol radio dalam keadaan dipilih atau tidak. Bila nilainya "checked" maka tombol radio dalam keadaan dipilih.
- Properi cheked pada Javascript berguna untuk mengetahui kotak cek. Nilainya true kalau tombol radio dalam keadaan dipilih dan false bila sebaliknya.
- Atribut value identik dengan properti value pada Javascript yang menyatakan nilai tombol radio kalau tombol radio ini dipilih
- Onclick menyatakan kejadian saat tombol radio diklik.
Contoh Codingannya :<html>
<body style="font-family:Verdana, Geneva, sans-serif; font-size:14px">
Klik pada musik yang paling anda sukai<br />
<form name="formTes" id="formTes" method="get">
<input type="radio" name="radiomusik" id="radiomusik" value="Jazz" onClick="info()">Jazz<br>
<input type="radio" name="radiomusik" id="radiomusik" value="Keroncong" onClick="info()">Keroncong<br>
<input type="radio" name="radiomusik" id="radiomusik" value="Dangdut" onClick="info()">Dangdut<br>
<input type="radio" name="radiomusik" id="radiomusik" value="Lainnya" onClick="info()">Lainnya<br>
<hr>
Info :
<input type="text" name="fieldMusik" id="fieldMusik" size="40" disabled="disabled">
</form>
<script type="text/javascript">
function info(){
for (var i =0; i<4; i++){
if(document.formTes.radiomusik[i].checked)
document.formTes.fieldMusik.value = document.formTes.radiomusik[i].value;
}
}
</script>
</body>
</html>Outputnya:Semoga bermanfaat :)
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 :
