Merubah text color dengan type radio pada HTML

05 Maret 2010

Sorry yo temen-temen, aq kalo posting telat neh bikin tugas yang rubah warnanya, soalnya sibuk banget minggu-minggu ini. Yo mudah-mudahan ini bisa buat belajar pribadi di rumah soalnya kita kudu bisa web programing, ya ini intinya seh merubah warna font pada inputan text pada html, tapi dengan syarat kudu pilih dolo dan di klik button submitnya baru melakukan perubahan warnanya, kan kebanyakan punya kaliah baru pilih warna radionya langsung ganti warnanya... hehehe, neh source yang kubuat... mudah-mudahan bermanfaat... silahkan di pelajari dan di pahami...

< html >
< head >
< script type="text/javascript" >
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
}
function changeColor() {
document.getElementById('x').style.color=getCheckedValue(document.getElementsByName('warna'));
}
< /script >
< /head >

< body >
< form >

< input id="x" type="text" value="Namamu" size="20" >
< table width="100%" > < tr >
< td > < b > Warna Faforit Anda ??< /b > < /td >
< td > < input type="radio" name="warna" value="red" > Merah
< input type="radio" name="warna" value="blue" > Biru
< input type="radio" name="warna" value="green" > Hijau< /td >
< /tr >
< tr >
< td > < b > Assisten Pemrograman web Faforit Anda ??< /b > < /td >
< td > < input type="radio" name="assisten" value="Rahmi" > Rahmi
< input type="radio" name="assisten" value="Budi" > Budi
< input type="radio" name="assisten" value="Lia" > Lia
< /td > < /tr >
< /table >

< input type="button" value="Submit" onclick="changeColor();" >
< /form >
< /body >
< /html >

Bagikan

Udah Baca ini??