jQuery和php在表tr-td和列的总和上进行小计

我想知道我的jquery对于添加td和获取小计和总计的总计是否正确

我的jquery是

$(document).ready(function(){
    var sum = 0;
    var td = $('input[name=sumof]').val();
    jQuery.each(td,function(number){
            sum += parseInt($(this).val());
        $('#total_f').val(sum);
    });
})

这是我的html

<div class="quotation_computation" style="margin-top:50px;">
    <table cellpadding="5" cellspacing="0" width="100%">
        <tr>
            <th>#</th>
            <th>Definition</th>
            <th>Amount</th>
            <th>Total</th>
            <th>BTW</th>
        </tr>
        <?
        $get_details = mysql_query( "SELECT * FROM jon_com_quo_computation WHERE com_code = '".$_GET['ccom']."' " ) or die ( mysql_error());

            $found_record = mysql_num_rows( $get_details );
            if ( $found_record != 0 ) {
            while( $set_det = mysql_fetch_array( $get_details ) ) {
                $total = $set_det['quo_quantity'] * $set_det['quo_amt'];
            ?>
        <tr>
            <td class="add_text">
                    <?=$set_det['quo_quantity'];?> x
            </td>
            <td class="add_text" width="250"><?=$set_det['quo_definition'];?></td>
            <td class="sum_text">
                    <?=$set_det['quo_amt'];?>
                <input type="hidden" name="sumof" value="<?=$set_det['quo_amt'];?>" />
            </td>
            <td class="add_text" id="total"><?=$total;?></td>
            <td class="add_text"><?=$set_det['quo_btw'];?></td>
        </tr>
        <?
                }
            } else {
            ?>                
        <tr>
            <td class="add_text">#</td>
            <td class="add_text">Definition</td>
            <td class="add_text">Amount</td>
            <td class="add_text" id="total">Total</td>
            <td class="add_text">BTW</td>
        </tr>
        <?
            }
            ?>
    </table>
</div>

<div class="sub_total_computation" style="width:200px; position:relative; left:325px;">
<?
    $get_total_computation = SET_SQL( "SELECT quo_btw FROM jon_com_quo_computation WHERE com_code = '".$_GET['ccom']."' " );


    ?>
    <table cellpadding="5" cellspacing="0" width="100%">
        <tr>
            <td><strong>Sub Total</strong></td>
            <td>
                <span id="total_f"></span>
                <input type="hidden" name="total_f" value="" />
            </td>
        </tr>
        <tr>
            <td><?=$get_total_computation['quo_btw'];?></td>
            <td><?=$btw;?></td>
        </tr>
        <tr>
            <td><strong>Total</strong></td>
            <td><?=$btw;?></td>
        </tr>
    </table>
</div>

#
定义
数量
全部的
顺便提一下
试试这个：

$(document).ready(function(){
   var sum = 0;
   $('input[name=sumof]').each(function(){
        sum += parseInt($(this).val());
   });
   $('#total_f').val(sum);
 });

变量td只能从输入元素中获取一个值，不足以作为对象（输入元素）使用each（）函数进行循环。另外，您只需要让函数输出一次和，所以我将它从每个循环中取出

为了进一步提高函数的效率，您可以只使用td元素的内容，并完全删除隐藏的输入元素：

$(document).ready(function(){
   var sum = 0;
   $('td.sum_text').each(function(){
        sum += parseInt($(this).text());
   });
   $('#total_f').val(sum);
 });

您在这里遇到了一个问题：

var td = $('input[name=sumof]').val();    // you are getting the value of the first matched element
jQuery.each(td,function(number){
    sum += parseInt($(this).val());

您假设
td
包含一个集合，但使用
val（）
时，结果是
Description:获取匹配元素集中第一个元素的当前值。

因此，只需将其更改为：

var td = $('input[name=sumof]');