Toplama İşlemi

http://forum.ceviz.net/javascript-dhtml-ajax/110421-jquery-toplu-value-alma.html calculate sub total

by merakli

HTML

<div id="kapsayici">

 <ul>
  <li><input type="text" name="fiyat[]" /></li>
  <li><input type="text" name="fiyat[]" /></li>
  <li><input type="text" name="fiyat[]" /></li>
  <li><input type="text" name="fiyat[]" /></li>
  <li><input type="text" name="fiyat[]" /></li>
 </ul>
Toplam: <span id="toplam"></span>

</div>

CSS

html,body,div,span,h1,h2,h3,p,hr,br,img,form,input,ul,li,a {
 margin:0;
 padding:0;
 border:0;
}
ul li {list-style:none;}
body {
 font-family:Helvetica, Arial, Tahoma, sans-serif;
 font-size:13px;
 color:#444;
 line-height:1.5em;
} 
#kapsayici {
background:#fff;
margin:10px auto;
width:960px;
min-height: 700px;
}
input {
border:1px solid #dfdfdf;
}

JavaScript

$.fn.fonkTopla = function() {
var toplam = 0;
this.each(function() {
   var deger = fonkDeger($(this).val());
   toplam += deger;
});
return toplam;
};


function fonkDeger(veri) {
    return (veri != '') ? parseInt(veri) : 0;
}

$(document).ready(function(){
$('input[name^="fiyat"]').bind('keyup', function() {
   $('#toplam').html( $('input[name^="fiyat"]').fonkTopla());
});
});