jquery 如何获取asp.net用户控件的id

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 如何获取asp.net用户控件的id相关的知识,希望对你有一定的参考价值。

参考技术A jquery获取的方法一般相同,即在页面中的<head>和</head>中间的<script>中加上,$("#页面的的ID")就可以了。
如下面的页面中的红色区域:
http://www.cnblogs.com/mqingqing123/archive/2009/10/16/1584727.html
其中第三行的那段代码就是获取页面下面对应的ID的控件。
不明白请追问,如果对你有帮助,记得采纳~

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

【中文标题】如何使用 JavaScript 或 JQuery 在 ASP.net 中获取生成控件的 ID【英文标题】:How to get IDs of Generated controls in ASP.net using JavaScript or JQuery 【发布时间】:2013-12-21 10:21:33 【问题描述】:

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

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

我正在尝试使用 Javascript 或 JQuery 来解决这个问题。 (没有更新面板)

非常感谢任何帮助。

谢谢。

【问题讨论】:

我会给输入一个通用类并使用它来选择它们。 【参考方案1】:

给每个文本框一个类名。然后您可以通过以下方式遍历每个文本框

var total=0;

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

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

);

【讨论】:

【参考方案2】:

如果您的网格的 id 为 grid,那么您可以这样做:

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

【讨论】:

【参考方案3】:

使用 jQuery,

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

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

【讨论】:

【参考方案4】:

如果您想为所有文本框添加侦听器,请不要使用 ID,而是使用类。

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

和 JS(使用 jQuery)

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

);

这将在您输入内容时显示文本框的值。

【讨论】:

以上是关于jquery 如何获取asp.net用户控件的id的主要内容,如果未能解决你的问题,请参考以下文章

ASP.NET jquery 获取服务器控件ID

如何在javascript中使用两个具有相同ID的文本框获取asp.net用户控件的值

如何选择一个 ASP.NET 服务器控件传递保存在 jQuery 中的 JS 变量中的 id?

当控件位于 asp.net 的 UpdatePanel 中时,如何使用 Jquery 获取单击事件?

如何阻止 ASP.NET 更改 ID 以使用 jQuery

jquery 如何获取asp.net控件 CheckBoxList 中 选中的值?