jquery sum特定的表行

时间:2013-09-26 06:26:54

标签: jquery

我有一个带有som输入字段的表,我想总结特定的行。在一列中,我有一个以上的总数,当列中的一个总计有效但是多于一个时不起作用。请帮忙,这是代码:     http://jsfiddle.net/cesKr/2/

        $(document).keyup(function(){
        var getSum = function (colNumber) {
                var sum = 0;
                var selector = '.col' + colNumber;

                $('#sum_table').find(selector).each(function (index, element) {
                   if(!isNaN(this.value) && this.value.length!=0){
                       sum += parseInt($(element).val());
                   }
                });  

                return sum;        
            };

            $('#sum_table').find('.total').each(function (index, element) {
                $(this).val(getSum(index + 1)); 


            });
        });

<table id="sum_table" width="300" border="1">
<tr>
    <td>Apple</td>
    <td>Orange</td>
    <td>Watermelon</td>
</tr>
<tr>
    <td><input type="text" class="total" name="one" value=""/></td>

    <td ><input class="col2" type="text" name="one" value="2"/></td>
    <td ><input  class="col3" type="text" name="one" value="1"/></td>
</tr>
<tr>
    <td ><input class="col1" type="text" name="two" value="1"/></td>
    <td ><input type="text" class="total" name="one" value=""/></td>

    <td ><input class="total" type="text" name="one" value=""/></td>
</tr>
<tr>
    <td ><input class="col1" type="text" name="tree" value="1"/></td>
    <td ><input class="col2" type="text" name="one" value="1"/></td>
    <td ><input class="col3" type="text" name="one" value="1"/></td>
</tr>
<tr>
<td ><input class="col1" type="text" name="one" value="1"/></td>
     <td ><input class="col2" type="text" name="one" value="1"/></td>
    <td ><input type="text" class="total" name="one" value=""/></td>
</tr>

0 个答案:

没有答案