Jumat, 04 Februari 2011

Get value radio button dengan jQuery

hahahahaha
Senangnya bisa blogging lagi setelah beberapa abad tidak blogging (lebaaayyyy), karena gue lupa sama account blogger gue sebelumnya http://www.smileycodes.info
Okeh langsung aja ketik coding ini ke editor kalian.
Oia download terlebih dulu jQuery nya.

<html>
<head>
<title>Gembel</title>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".total").change(function(){
$("#biaya").text($(this).attr("value"));
});
});
</script>
</head>

<body>
<form name=total>
<input type="radio" name="counter" value="100.000" class="total" />Rp. 100.000,-<br />
<input type="radio" name="counter" value="50.000" class="total" />Rp. 50.000,-<br />
<input type="radio" name="counter" value="20.000" class="total" />Rp. 20.000,-<br />
<input type="radio" name="counter" value="10.000" class="total" />Rp. 10.000,-<br />
<input type="radio" name="counter" value="5.000" class="total" />Rp. 5.000,-<br />
<input type="radio" name="counter" value="2.500" class="total" />Rp. 2.500,-<br />
</form>
bla bla bla <span id="biaya"></span>
</body>
</html>


Penjelasan:
$(".total").change(function(){ <== fungsi dengan nama "total"

$("#biaya").text($(this).attr("value")); <== buat id biaya agar bisa dicetak, setelah itu panggil fungsi total
"(this)" dengan attribut value tampilkan nilai value nya dengan menggunakan ==> <span id="biaya"></span>

** selamat mencoba ** <a href="http://emoticonizer.info"><img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/thefinger11.gif" border="0"></a>

Tidak ada komentar:

Posting Komentar