Calculate Repeater column sum and display in Label using jQuery in ASP.Net

Hi ucrhlyn,

Refer the below function to calculate the total.

I have assigned class to the span td_sale_amount and loop through the span and calculate the total.

HTML

<asp:Repeater runat="server" ID="repeaterlistasset">
    <ItemTemplate>
        <tr class="heading">
            <td colspan="15">Department: <b runat="server" id="bauditname" style="font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: uppercase"></b></b></td>
        </tr>
        <tr>
            <th class="warning ">Asset Tag ID</th>
            <th class="warning ">Description</th>
            <th class="warning center">Cost</th>
            <th class="warning ">Depreciation Cost</th>
            <th class="warning right">Accumulated Depreciation</th>
            <th class="warning right">Salvage Value</th>
            <th class="warning right">Asset Life(Month)</th>
            <th class="warning right">Depreciation Method</th>
            <th class="warning right">Book Value</th>

            <th class="warning center">Date Acquired</th>
            <th class="warning ">End Of Service Life</th>
            <th class="warning right">Disposal Date</th>
            <th class="warning right">Reason</th>
            <th class="warning right">Sale Amount</th>
            <th class="warning right">Gain</th>
            <th class="warning right">Loss</th>
        </tr>
        <tr>
            <td><%# Eval("Asset_Tag_ID")%></td>
            <td><%# Eval("Description")%></td>
            <td class="right"><span class="input-group-addon getcurrencysymbol" runat="server" id="Span1" style="border-style: none"></span>&nbsp;<%# Eval("Cost")%></td>
            <td class="right"><span class="input-group-addon getcurrencysymbol" style="border-style: none"></span>&nbsp;<span runat="server" id="td_depr_cost"><%# Eval("Depreciable_Cost")%></span></td>
            <td><span runat="server" id="td_accumulated_depr" class="cssSalary"></span></td>
            <td class="right"><span class="input-group-addon getcurrencysymbol" runat="server" id="Span3" style="border-style: none"></span>&nbsp;<%# Eval("Salvage_Value")%></td>
            <td runat="server" id="td_life_month"><%# Eval("Asset_Life_months")%></td>
            <td><%# Eval("Depreciation_Method")%></td>
            <td class="right"><span class="input-group-addon getcurrencysymbol" style="border-style: none"></span>&nbsp;<span runat="server" class="tbvtotal" id="td_book_value"><%# Eval("Salvage_Value")%></span></td>
            <td runat="server" id="td_acquired"><%# Eval("Date_Acquired")%></td>
            <td runat="server" id="td_endservc"></td>
            <td runat="server" id="td_disposal_date"></td>
            <td runat="server" id="td_status"><%# Eval("status") %></td>
            <td><span runat="server" id="td_sale_amount" class="td_sale_amount"><%# Eval("amount") %></span></td>
            <td></td>
            <td></td>
        </tr>
    </ItemTemplate>
</asp:Repeater>
<label runat="server" id="lbltotal"></label>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        var total = CalculateSaleAmount();
        $("[id*=lbltotal]").html(total);
    });

    function CalculateSaleAmount() {
        var total = 0;
        $('.td_sale_amount').each(function () {
            if (!isNaN(parseInt($(this).html()))) {
                total += parseInt($(this).html());
            }
        });
        return total;
    }
</script>