Сначала вам нужно прочитать документацию по jquery и инструкции по использованию на веб-странице.
Вам нужно вызвать библиотеку jquery, что-то вроде этого (в конце вашего <body> или в <head>):
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
Затем вам нужно вызвать плагин jquery.calc (не забудьте сначала загрузить !!!). Наконец, вы должны получить что-то вроде этого (в конце вашего <body> или в <head>):
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script src="yourJsFolderPath/jquery.calculation.min.js"></script>
И только потом звоните:
<script type="text/javascript">
$(document).ready(function(){ //In the documentation talk about of this
//but I recommend to you, use this function
//that make that all the things are inside
//are called at the "body onload".
var recalc = function (){
/* do your stuff when a user "keyup" in a
input with a name with something
like qty_item_
*/
};
$("input[name^=qty_item_]").bind("keyup", recalc);
$("[id^=total_item]").calc(
"qty * price",
{
qty: $("input[name^=qty_item_]"),
price: $("[id^=price_item_]")
},
function (s){
return "£" + s.toFixed(2);
},
function ($this){
var sum = $this.sum();
$("#grandTotal").text(
"£" + sum.toFixed(2)
);
}
);
});
</script>