如何使用JavaScript獲取GridView的列總和

Question

我正在嘗試訪問名為gridview的時間的列，並使用JavaScript計算整個列的總和。

我有這樣的事情：

因此，在“報告總數”中，我想獲取數字5，因為它現在才是條目。

這是gridview的定義：

<div class="total">

    <asp:GridView ID="ReportGrid" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDS" Height="68px" Width="813px" AllowPaging="True">
        <Columns>
            <asp:BoundField DataField="Date" HeaderText="Date" SortExpression="Date" DataFormatString="{0:MM/dd/yy}" />
            <asp:BoundField DataField="Name" HeaderText="Team Member Name" SortExpression="Name" />
            <asp:BoundField DataField="ProjectName" HeaderText="Projects" SortExpression="ProjectName" />
            <asp:BoundField DataField="Description" HeaderText="Description" SortExpression="Description" />
            <asp:BoundField DataField="Time" HeaderText="Time" SortExpression="Time" />
        </Columns>
    </asp:GridView>
    <br />
    <br />
    <span>Report total: <em>
        <asp:Label runat="server" ID="totalHours" Text="0"></asp:Label></em></span>
</div>

誰能為我提供有關此問題的javaScript代碼或與我分享一些相關鏈接，導致我在互聯網上發現的所有內容都不與此相似，並且我想這是當您知道如何使用JS時要做的簡單事情。

調試期間的總和的NaN值：

Answer 1

在字段中添加CSS類

    <asp:BoundField DataField="Time" HeaderText="Time"> 
      <ItemStyle CssClass="yourclass"></ItemStyle> 
     </asp:BoundField> 

並使用以下代碼

 var fields= document.getElementsByClassName('yourclass');
    var sum = 0;
    for (var i = 0; i < fields.length; ++i) {
        var item = fields[i];  
         sum += parseInt(item.innerHTML);
    }

然后將該總和分配給您的總標簽

$("#<%= totalHours.ClientID %>").text(sum);