如何使用JavaScript或JQuery在ASP.net中获取生成控件的ID

How to get IDs of Generated controls in ASP.net using JavaScript or JQuery

本文关键字：获取 控件 ID net JavaScript 何使用 JQuery ASP      更新时间：2024-03-04

我有DataGrid，其中一列是TextBox。DataGrid是从数据库动态生成的。它是用来开发票的。一张发票可能有两行，另一张可能有10行。每个文本框的ID都不同，当用户输入金额时，我需要读取每个文本框中的值，将所有文本框相加，并在另一个字段中显示总数。

问题：我不知道如何访问每个文本框（当用户输入特定文本框的金额时，会触发ValueChanged事件）

我正在尝试使用Javascript或JQuery来解决这个问题。（无更新面板）

非常感谢您的帮助。

谢谢。

为每个文本框指定一个类名。然后，您可以通过以下迭代每个文本框

var total=0;
$(".className").each(function(){
    total += Number(this.val());
});

如果您的网格id为grid，那么您可以执行：

$('#grid input[type=text]').each(function(){
   ///Glorious code!!
});

使用jQuery，

$(document).on("ready", function(){
    $("document").on("keyup input paste", "input", function(){
        var inputID = $(this).attr('id');
        //more code here...
    });
});

使用事件委派，将始终在所有文本框上激发事件。如果需要，将"输入"更改为更具体的选择器。

如果您想将监听器添加到所有文本框中，请不要使用ID，而是使用class。

<input type="text" class="my-text-box">

和JS（使用jQuery）

$('.my-text-box').keyup(function(){
console.log($(this).val());
});

每当您键入内容时，这将显示文本框的值。

相关文章：