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

▼ Download Source Code Dibawah Ini ▼



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