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

Question

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

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

我正在尝试使用Javascript或JQuery解决此问题。 （没有updatePanel）

任何帮助是极大的赞赏。

谢谢。

Answer 1

给每个文本框一个类名。 然后，您可以按照以下步骤遍历每个文本框

var total=0;

$(".className").each(function(){

    total += Number(this.val());

});

Answer 2

如果您的网格的ID为grid ，则可以执行以下操作：

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

Answer 3

使用jQuery，

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

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

Answer 4

如果要将侦听器添加到所有文本框的每个中，请不要使用ID，而应使用class。

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

和JS（使用jQuery）

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

});

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