"Enter"a basıp içeriğe geçin

Jquery Hesablama İşlemi

Yapmış olduğunuz projelerde kimi durumda site içerisinde sayfa yenilemeden anlık hesaplama yaptırmanız gerekiyor işte bu noktada jquery veya ajax devreye giriyor 🙂 ben se her ikisini birden kullanayım dedim 🙂 Aşağıda projemde kullanmış olduğum hesablama fonksiyounu umarım işine yarar 🙂

Js Kod

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js” type=”text/javascript”></script>
<script type=”text/javascript” language=”javascript”>
function hesabla()
{
price = document.getElementById(“price”).value; // id’si price olan elemntin değerini alıyoruz.
masraf=document.getElementById(“masraf”).value; //id’si masaf olan elementin değerini alıyoruz.
toplam=parseInt(price)+parseInt(masraf); // Matematiksek işleme sokuyoruz
kdv=toplam*0.18; // kdv hesaplandı.
toplamkdv=toplam*1.18; // toplam kdv hesaplandı.
$(‘#kdv’).html(kdv); // id’si kdv olan div’e değer atıyoruz
$(‘#toplam’).html(toplamkdv); // id’si toplam olan div’e değer atıyrouz.
}

</script>

 

Uygulama Kodu

<input name=”price” type=”text” id=”price”  onkeyup=”hesabla()” /> // Değer Girildiği anda hesaplama işlemi çalışacak.

<input  id=”masraf”  onkeyup=”hesabla()”  type=”text” name=”masraf” /> // Değer Girildiği anda hesaplama işlemi çalışacak.

<div id=”kdv”></div> // İşlemin kdv değeri gelecek.

<div id=”toplam”></div> // İşlemin Toplam Değeri Gelecek

 

İyi Çalışmalar.

 

 

İlk Yorumu Siz Yapın

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir