Buscar

Mengambil Nilai dari Radio Button di Javascript

Hai para pecinta ilmu pengetahuan :)
Pada postingan sebelumnya, saya memberikan sedikit contoh cara mengambil nilai checkbox di javascript. Kali ini saya mari kita belajar mengambil nilai dari radio button di javascript.
Langsung saja yaaa
<!DOCTYPE html>
<html>
<head>
<script>
function displayResult(buah){ 
 document.getElementById("result").value=buah; 
}
function displayAlert(){   
 var x=document.getElementById("result").value;
    if (x==""){   
  alert("Silahkan pilih buah favoritmu!");
        form.buah[0].focus();
        return false;
    }
    else
        alert(x + " adalah buah favoritmu");
}

</script>
</head>
<body>
<p>Pilih buah favorit kamu:</p>
<form>
<input type="radio" name="buah" onclick="displayResult(this.value)" value="Anggur">Anggur<br>
<input type="radio" name="buah" onclick="displayResult(this.value)" value="Apel">Apel<br>
<input type="radio" name="buah" onclick="displayResult(this.value)" value="Semangka">Semangka<br>
<input type="radio" name="buah" onclick="displayResult(this.value)" value="Durian">Durian<br>
<input type="radio" name="buah" onclick="displayResult(this.value)" value="Mangga">Mangga<br><br>
Buah favorit kamu : <input type="text" id="result"><br>
<button type="button" onclick="displayAlert()">Lihat buah favoritmu</button>
</form>
</body>
</html>

Semoga bermanfaat :)

0 comments:

Posting Komentar