Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to calculate sum for multiple rows?
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload