使用javascript获取gridview中的textbox值

最新推荐文章于 2025-08-09 20:51:19 发布

转载最新推荐文章于 2025-08-09 20:51:19 发布 · 195 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Hackerman/p/4202377.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用ASP.NET GridView控件结合JavaScript进行数据处理的例子。具体展示了如何通过GridView展示数据库中的产品信息，并利用JavaScript实现对产品数量的动态计算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
    <form id="form1" runat="server">
    <div>
    <asp:gridview ID="GVReue" runat="server" AutoGenerateColumns="False" 
            DataSourceID="SqlDataSource1">
        <Columns>
           
            <asp:TemplateField HeaderText="ProductName" >
               <ItemTemplate>
                    <asp:TextBox ID="txtQty" runat="server" ToolTip='<%# Eval("ProductName") %>' onblur="Calculation(this.value)"></asp:TextBox>
                 </ItemTemplate>
            </asp:TemplateField>
            
        </Columns>
        </asp:gridview>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:testConnectionString %>" 
            SelectCommand="SELECT * FROM [Products]"></asp:SqlDataSource>
    </div>
    </form>
</body>
</html>

javascript代码

<script type="text/javascript">
        function Calculation() {
            var grid = document.getElementById("<%= GVReue.ClientID%>");
            for (var i = 0; i < grid.rows.length - 1; i++) {
                //alert(i);
                var txtAmountReceive = $("input[id*=txtQty]")
                //alert(txtAmountReceive);
                if (txtAmountReceive[i].value != '') {
                    alert(txtAmountReceive[i].value);
                }
            }
            
        }  
</script>