title: How to calculate sum for multiple rows?
body: <p>Hi i am using <a href="http://i.stack.imgur.com/AziAV.png" rel="nofollow">this table</a> to calculate the sum.what i have to do is i want to take input from textboxes below r1,r2,r3, and calculate the sum from boxes below
  for example:- <code>totalcost= r1.value*5+r2.value*6+r3.value*5</code> like this it has to happen for each row values onclick....how can i do this?</p>
  
  <p>here us my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript"&gt;
  function updatesum() {
  var totalFields = document.input.time.length;
  for(var i=0; i &lt;= totalFields; i++){
      document.input.total[i].value = ( document.input.time[i].value * document.input.cost[i].value);
  }
  return false; 
  }
  &lt;/script&gt;
  
  &lt;style&gt;
  input {
      float: right;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form name="input" action="#" method="post" onsubmit="return false;"&gt;
  &lt;table border="1"&gt;
  &lt;tr&gt;&lt;th&gt;Sl.no&lt;/th&gt;&lt;th&gt;id&lt;/th&gt;&lt;th&gt;title&lt;/th&gt;&lt;th&gt;R1&lt;br&gt;&lt;input type="text" name="cost" value=" "&gt;&lt;/th&gt;&lt;th&gt;R2&lt;br&gt;&lt;input type="text" name="cost" value=" "&gt;&lt;/th&gt;&lt;th&gt;R3&lt;br&gt;&lt;input type="text" name="cost" value=" "&gt;&lt;/th&gt;&lt;th&gt;Total Cost&lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;1.1&lt;/td&gt;&lt;td&gt;task1&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="time" value="5" disabled&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="time" value="6" disabled&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="time" value="5" disabled&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="cost" value=" " disabled&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;1.2&lt;/td&gt;&lt;td&gt;task1&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="time" value="7" disabled&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="time" value="8" disabled&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="time" value="2" disabled&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="cost" value=" " disabled&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;1.4&lt;/td&gt;&lt;td&gt;task1&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="time" value="9" disabled&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="time" value="4" disabled&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="time" value="7" disabled&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="cost" value=" " disabled&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td colspan="7"&gt;&lt;input type="submit" value="submit" name="submit" onclick="updatesum()"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>