使用jquery查找表的总和

时间:2011-12-12 08:50:59

标签: jquery

我是这个论坛的新手。我需要得到行和列总和的产品。现在产品好了。但是找到列总和似乎很难 链接在这里 http://jsfiddle.net/Mpayr/10/ 请帮帮我解决这个问题?

3 个答案:

答案 0 :(得分:4)

尝试在类上迭代使用行和总和:

<table>
    <th>First</th>
    <th>Second</th>
    <th>Third</th>
    <th>SUM</th>
    <tr>
        <td><input class="row1 column1" value = "100"/></td>
        <td><input class="row1 column2" value = "100"/></td>
        <td><input class="row1 column3" value = "100"/></td>
        <td class="total">300</td>
     </tr>
     <tr>
        <td><input class="row2 column1" value = "200"/></td>
        <td><input class="row2 column2" value = "200"/></td>
        <td><input class="row2 column3" value = "200"/></td>
        <td class="total">600</td>
     </tr>
     <tr><td>Sum of Column(SUM)</td><td><input name="result" id="result"></td></tr>
</table>

$(document).ready(function(){
    $(this).keyup(function(){ 
        var sum = 0;
        var column2 = $('.column2')
        jQuery.each(column2,function(number){
            sum += parseInt($(this).val());
        });
        $('#result').val(sum);
    });
})

.each然后允许您将此类的所有输入求和。对每个列和行使用此方法。

答案 1 :(得分:2)

我在http://jsfiddle.net/bondythegreat/dm4AZ/1/

更新了您的代码

答案 2 :(得分:1)

如果您正在寻找x和y模式的求和,例如行总数和&amp;列总计,您可以查看我的示例excel like sum jquery