Mengambil Nilai dari Radio Button di Javascript

Publish Date : 14-04-2016 , dibaca 30408 kali, Hari ini dibaca : 1 kali ,0 comments

Postingan kali ini yaitu mengambil data atau nilai dari radio button dengan Javascript, oy pada artikel sebelumnya admin sudah menulis artikel Mengambil Nilai dari Checkbox dengan Javascript , so di baca juga ya..

OK.. mari kita belajar cara mengambil nilai di radio button dengan javascript

Cara Mengambil nilai Radio Button dengan Javascript

Langsung saja kita mulai dengan script nya :

<!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
<input type="radio" name="buah" onclick="displayResult(this.value)" value="Apel">Apel
<input type="radio" name="buah" onclick="displayResult(this.value)" value="Semangka">Semangka
<input type="radio" name="buah" onclick="displayResult(this.value)" value="Durian">Durian
<input type="radio" name="buah" onclick="displayResult(this.value)" value="Mangga">Mangga

Buah favorit kamu : <input type="text" id="result">

<button type="button" onclick="displayAlert()">Lihat buah favoritmu</button>
</form>
</body>
</html>