contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074


Mengambil Nilai dari Radio Button di Javascript

Posted in Javascript Jquery Life at 14 April 2016 With 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

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>

Simpan dengan nama index.html atau terserah anda, dan jalankan dengan browser anda

Sekian artikel Cara Mengambil Nilai Radio button dengan javascript, semoga artikel ini bermanfaat

 

Artikel Terkait

Diskusi