javascript来计算gridview中的值 [英] javascript to calculate values in gridview
问题描述
我有一个gridview
I have a gridview
<asp:gridview ID="Gridview1" runat="server" ShowFooter="true" CssClass="vutblrow" TabIndex="3" HeaderStyle-CssClass="vutblhdr" CellPadding="4" ForeColor="#333333" GridLines="None" Width="25%" PagerStyle-Mode="NumericPages"
AutoGenerateColumns="false" onrowcreated="Gridview1_RowCreated" Height="16px">
<PagerStyle CssClass="pgr" Height="25px" BorderStyle="Solid" />
<Columns>
<asp:BoundField DataField="RowNumber" HeaderText="Serial Number" />
<asp:TemplateField HeaderText="Air/Bus/Train Fare" onkeyup="showCal(this)">
<ItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" CssClass="txtBoxNormalmedium" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="City To">
<ItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" CssClass="txtBoxNormalmedium" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="City From">
<ItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" CssClass="txtBoxNormalmedium"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add New Row"
onclick="ButtonAdd_Click" CssClass="btnNormalAdd" />
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click" CssClass="lnkbut">Remove</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:gridview>
<asp:Label ID="lblgpf14" runat="server" CssClass="lblText " Text="Total Air Fare"></asp:Label>
<asp:TextBox ID="txt" runat="server" CssClass="txtBoxNormalmedium" Enabled="False" onkeyup="showCal(this)" ></asp:TextBox>
当用户输入空中/公共汽车/交通工具时在票价中，该值应显示在文本框txt中（使用javacript中的onkeyup）此文本框位于gridview之外。当用户单击添加新行并输入列车票价时，总值必须以txt显示我真的不知道如何为此写一个javascript。有人请帮帮我吗？
这是我试过的以下javascript ..我不断重复文本框中的数字..
When user types in the air/bus/train fare the value should be displayed in the textbox "txt" (using the onkeyup in javacript) this textbox is outside the gridview.When the user clicks on Add new row and enters the train fare the total value must be displayed in "txt".I really have no idea on how to write a javascript for this.can someone please help me?
This is the below javascript that i tried..it keeps repeating the numbers in the textbox..
function showCal(obj) {
var val = document.getElementById(obj.id).value;
if(val!='' && !isNaN(val) ){
var prvVal = document.getElementById('txt').value;
prvVal= (!isNaN(prvVal))?prvVal:0;
document.getElementById('txt').value = parseInt(prvVal) + val;
}
}
</script>
推荐答案
试试这个
------------------------
Try this
------------------------
<head runat="server">
<script src="../Script/jquery-1.6.4.js" type="text/javascript"></script>
<title>Test Demo</title>
<script type="text/javascript">
function CheckNumber(e)
{
var charCode = (e.which) ? e.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;
return true;
}
function AddValue(e)
{
//Require jquery
var Total=0;
for(var i=1;0<
（ ＃<％ = Gridview1.ClientID％ > tr）。length-1; i ++）
{
if（
("#<%=Gridview1.ClientID%> tr").length-1;i++) { if(
（＃<％ = Gridview1.ClientID ％> tr：eq（+ i +）输入：[id * ='TextBox1'] ）.val（）！=）
{
总计=总计+ parseInt（
("#<%=Gridview1.ClientID%> tr:eq("+i+") input:[id*='TextBox1']").val()!="") { Total = Total + parseInt(
这篇关于javascript来计算gridview中的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
