使用keyup事件求和字段值 [英] Summation of field values using keyup event

问题描述

我想使用jquery计算每列的总和. html:

I want to calculate the summation of each column using jquery. html:

<table id="tab"width="300px" border="1" >
<tbody><tr>
    <td width="40px">1</td>
    <td>Butter</td>
    <td><input class="txt" type="text" name="txt"></td>
        <td><input class="txt" type="text" name="txt"></td>
</tr>
<tr>
    <td>2</td>
    <td>Cheese</td>
    <td><input class="txt" type="text" name="txt"></td>
         <td><input class="txt" type="text" name="txt"></td>
</tr>
<tr>
    <td>3</td>
    <td>Eggs</td>
    <td><input class="txt" type="text" name="txt"></td>
         <td><input class="txt" type="text" name="txt"></td>
</tr>
<tr>
    <td>4</td>
    <td>Milk</td>
    <td><input class="txt" type="text" name="txt"></td>
         <td><input class="txt" type="text" name="txt"></td>
</tr>

<tr id="summation">

    <td colspan="2"align="right">Sum :</td>
    <td><input class="sum" type="text" name="txt"></td>
        <td><input class="sum" type="text" name="txt"></td>
</tr>
     </tbody></table>

我想在这里添加每列的值(使用keyup函数)并显示在最后一行.

Here I want to adding values(using keyup function) of each column and shows in last row.

提琴: http://jsfiddle.net/5tgbxy31/2/

推荐答案

使用.val()代替.html()进行输入，然后尝试以下代码

Use .val() for input instead of .html() and try the below code

var sum = 0;
$("#tab input").keyup(function(){
    sum += parseFloat(this.value);
    $("#sum").val(sum.toFixed(2));
});

小提琴

这篇关于使用keyup事件求和字段值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！