jsp购物车计算数量的问题！

购物车列表，每种商品有 单价，数量，小计。最后有总计。 需要在输入数量后自动计算出小计：单价*数量。现在的问题是当多种商品时如何计算总计。
 单价：  <div id="x2">¥<span><input type="text" readonly="true" id="price" value='<%=str[3]%>'  style="width:30px;"/></span></div>
         
 数量：         <div id="x3"><span><input type="text" id="count"  value='<%=str[7]%>' onblur='fun()' style="width:30px;"/></span></div>
小计：         <div id="x4">¥<span><input type="text" id="total"  value='<%=total%>' onblur='fun()' style="width:30px;"/></span></div>
js中计取得数量，计算小计：
 function fun()
    { 
      
      var price = document.getElementById('price').value;
      var count = document.getElementById('count').value;
      document.getElementById('total').value = count*price;
       }
请问下如何计算总计，购物车列表是循环遍历session中的list放置的，循环的只用一个，其中数量中的value的值是由上一个页面选择商品时输入的，要求在购物车可以更改数量，并计算小计和总计，利用js可以计算小计，可是如何计算总计呢？购物车裂变中有好几个商品，改动一个商品的数量，可以更改该种商品的小计，可是总计怎么能一起改动？

追问：恩，对!如何把所有小计都加出来啊？因为是循环遍历，里边只有一个input，如何取得所有商品的小计进行累加？麻烦给个小例子好么？谢谢了非常感谢，你的回答让我有了点思路，可是还是有点里不清楚，我要计算总计该怎么办呢？再麻烦下，谢谢了如何把所有小计都加出来啊？因为是循环遍历，里边只有一个input，如何取得所有商品的小计进行累加？麻烦给个小例子好么？谢谢了不是这个意思，就是session中有一个list，用for（i=0;i<list.size();i++）{
 input文本框：单价，数量，小计等}
我如何将所有的小计取出来相加算出总计啊？晕，小计是用js算出来的........我现在在for循环里算小计
function fun()
    { 
      
      var price = document.getElementById('price').value;
      var count = document.getElementById('count').value;
      document.getElementById('total').value = count*price;
       }
只能得到一个小计啊，得不到for里边的所有小计！我是新手，麻烦说的明白点，最后有简单的例子！谢谢，拜求！不懂，最好给个小例子