Jquery calculate textbox inside gridview (gridview is inside a datalist)

See more:

ASP.NET

jQuery

.NET4.5

Hi,

I want to add value of all textboxes inside gridview using Jquery. Gridview is itself inside
a datalist.

Datalist and its gridviews are binded dynamically.

I want to display the sum of textboxes for each gridview.

Please provide me help.

Thanks in advance.

What I have tried:

//// Jquery Code
$(document).ready(function () {
$(".txt_style").keyup(function () {
var grandTotal = 0;
$("[id*=txtValue]").each(function (index) {
var value = $(this).val();
if (value != "" && value != ".") {
grandTotal = grandTotal + parseFloat(value);
}
});
$("[id*=lblTotal]").html(grandTotal.toString());

});
});

/// HTML

<asp:DataList ID="DetBillType" runat="server" OnItemDataBound="DetBillType_ItemDataBound" RepeatColumns="2" RepeatDirection="Horizontal">

<itemtemplate>

<asp:GridView ID="grdBillingDetails" runat="server" AutoGenerateColumns="false"
CellPadding="2" CellSpacing="2"
HorizontalAlign="Center" ShowFooter="true" AlternatingRowStyle-CssClass="alt"
CssClass="Grid"
Width="100%" OnRowDataBound="grdBillingDetails_RowDataBound">


<columns> <asp:TemplateField HeaderText="Bill Type">
<itemtemplate>
<asp:Label ID="lblBillType" runat="server" Text='<%#Eval("Description")+" *"%>'>

<footertemplate>

<asp:Label ID="lblttotal" runat="server" Text="Total Amount" />




<itemstyle cssclass="gridItemStyle">
<HeaderStyle HorizontalAlign="Left" />

<asp:TemplateField HeaderText="">
<itemtemplate>

<asp:TextBox ID="txtValue" runat="server" MaxLength="10" Text='<%#Eval("VALUE")%>'
CssClass="txt_style" onKeyPress="return numbersonly(event, true)" autocomplete="off">



<footertemplate>





<asp:Label ID="lblTotal" runat="server" Text="">