Membuat Objek Radio Javascript


1.   Tuliskan script dibawah ini di notepad

<HTML>
<HEAD>
<TITLE>Mengakses Objek radio</TITLE>
</HEAD>
<BODY>
Klik pada musik yang paling Anda sukai<BR>
<FORM NAME = "formTes" METHOD = "GET">
<INPUT TYPE = "RADIO" NAME = "radioMusik" VALUE = "Jazz" 
onClick ="info()">Jazz<BR>
<INPUT TYPE = "RADIO" NAME = "radioMusik" VALUE = "Keroncong"
 onClick = "info()">Keroncong<BR>
<INPUT TYPE = "RADIO" NAME = "radioMusik" VALUE = "Dangdut"
 onClick = "info()">Dangdut<BR>
<INPUT TYPE = "RADIO" NAME = "radioMusik" VALUE = "Lainnya" 
onClick = "info()">Lainnya<BR>
<HR>
Info:
<INPUT TYPE = "TEXT" NAME = "fieldMusik" SIZE = "40">
</FORM>
<SCRIPT LANGUAGE = "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>

2.   Lalu simpan dengan nama “objekradio.html”

3.   Lalu buka dan hasilnya seperti di bawah ini

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s