下面一个例子:在gridview中第一列输入数值,第二列输入数值,点击第三列的时候进行计算 求和,如果不符合标记为红色字体。

如图:

代码 :

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head runat="server">
  3. <title></title>
  4. <script type="text/javascript">
  5. function setClf(con) {
  6. var table = document.getElementById("GridView1");
  7. var tr = table.getElementsByTagName("tr");
  8. //获取鼠标点击的元素
  9. var e = event.srcElement;
  10. //获取元素所在的行的行号(表头行号从0开始)。注意:parentElement只适用于IE浏览器,而parentNode则符合DOM标准。
  11. //var rowIndex=e.parentElement.parentElement.rowIndex ;
  12. var i = e.parentNode.parentNode.rowIndex; //获取GridView控件 分别获取选定行指定列的值
  13. var a, b,c;
  14.  
  15. a = parseFloat(tr[i].getElementsByTagName("td")[].getElementsByTagName("input")[].value);
  16. b = parseFloat(tr[i].getElementsByTagName("td")[].getElementsByTagName("input")[].value);
  17.  
  18. //上面为获取gridview中textbox的,如果为lable则如下写法
  19. // b = parseFloat(tr[i].getElementsByTagName("td")[1].getElementsByTagName("span")[0].innerText);
  20.  
  21. sum1 = a+b; //计算方法改变
  22. c = parseFloat(tr[i].getElementsByTagName("td")[].getElementsByTagName("input")[].value);
  23. if (sum1 != c) {
  24. con.style.color = "Red";
  25.  
  26. }
  27. else con.style.color = "black";
  28.  
  29. }
  30. </script>
  31. </head>
  32. <body>
  33. <form id="form1" runat="server">
  34. <div>
  35. <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding=""
  36. Width="100%" BackColor="White" BorderStyle="Solid" BorderWidth="1px" O>
  37. <Columns>
  38. <asp:TemplateField HeaderText="数据1">
  39. <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
  40. <ItemTemplate>
  41. <asp:TextBox ID="txt_bndy" runat="server" CssClass="tboxSearch_x" Width="" Height=""
  42. Text='<%# Eval("BNDY").ToString() %>' />
  43. </ItemTemplate>
  44. <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
  45. <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
  46. </asp:TemplateField>
  47. <asp:TemplateField HeaderText="数据2">
  48. <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
  49. <ItemTemplate>
  50. <asp:TextBox ID="txt_bndj" runat="server" CssClass="tboxSearch_x" Width="" Height=""
  51. Text='<%# Eval("BNDJ").ToString()%>' />
  52. </ItemTemplate>
  53. <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
  54. <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
  55. </asp:TemplateField>
  56. <asp:TemplateField HeaderText="求和">
  57. <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
  58. <ItemTemplate>
  59. <asp:TextBox ID="txt_bnlj" runat="server" CssClass="tboxSearch_x" Width="" Height=""
  60. Text='<%# Eval("BNLJ").ToString()%>' onBlur="setClf(this)" />
  61. </ItemTemplate>
  62. <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
  63. <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
  64. </asp:TemplateField>
  65. </Columns>
  66. <FooterStyle BackColor="#CCCC99" />
  67. <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
  68. <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
  69. <AlternatingRowStyle BackColor="White" />
  70. </asp:GridView>
  71. </div>
  72. </form>
  73. </body>
  74. </html>

后台:

  1. protected void Page_Load(object sender, EventArgs e)
  2. {
  3. DataTable newdtb = new DataTable();
  4. newdtb.Columns.Add("BNDJ");
  5. newdtb.Columns.Add("BNDY");
  6. newdtb.Columns.Add("BNLJ");
  7.  
  8. for (int i = ; i < ; i++)
  9. {
  10. DataRow newRow = newdtb.NewRow();
  11. //newRow["BNDJ"] = "pro" + i.ToString();
  12. //newRow["BNDY"] = 12.3m;
  13. newdtb.Rows.Add(newRow);
  14. }
  15. GridView1.DataSource = newdtb;
  16. GridView1.DataBind();
  17. }

js获取gridview模板列中textbox行列的值的更多相关文章

  1. ASP.NET中获取Repeater模板列中LinkButton按钮事件中获取ID等

    前台页面中: <asp:Repeater ID="repComment" runat="server">            <ItemTe ...

  2. wpf 获取datagrid 模板列中的控件

    目前采用的 方法  (网上提供的一款) public static DataGridRow GetRow(DataGrid datagrid, int columnIndex)        {    ...

  3. WPF 中获取DataGrid 模板列中控件的对像

    WPF 中获取DataGrid 模板列中控件的对像 #region 当前选定行的TextBox获得焦点 /// <summary> /// 当前选定行的TextBox获得焦点 /// &l ...

  4. dotNet平台模板列中的单选无效的解决方案

    最近在grid里添加一个单选列,最开始直接创建一个模板列,然后在模板列里放一个radiobutton.并指定其GroupName.这是radiabutton最常用的方法.但是在Grid里,这样却毫无效 ...

  5. 解决无法获取 GridView 隐藏列值问题

    今天遇到了一个要获取GridView隐藏列值的问题,试了好几种方法,要么获取不到,要么获取到了类列的值也隐藏了,但在样式中这一列会多出一块,,但最后找到了一个功能实现而且实现了列完美隐藏的方法和大家分 ...

  6. GridView模版列中设置

    在GridView模版列中设置如下<asp:TemplateField HeaderText="删除">    <ItemTemplate>         ...

  7. .NET 获取Get方式URL中的参数键值

    在Web开发中,我们常常会涉及到需要获取Get方式URL中的参数键值的情况,这里简单介绍三种方法: 第一种:常用的做法有使用JavaScript获取location.href后用正则表达式匹配获取此U ...

  8. excel中快捷计算单一列中的所有的值

    excel中快捷计算单一列中的所有的值 比如B列中所有的值 =SUM(B1:B100) 计算B列第一行到第100行的值 又学了一招  如果想统计B列所有的值 可以用 =SUM(B:B)

  9. Js获取Gridview中Dropdownlist选中状态

    在Gridview中加入Dropdownlist模板列,加入DropDownlist 是一种常用的操作,其中涉及到如何获取选择项和Gridview重新绑定两个要点. 如图 前台代码如下 <%@ ...

随机推荐

  1. 关于collapsed margin(外边距合并)

    这是前面写postion定位时写到最后面的例子的时候发现的一个问题,于是专门写一篇随笔来解释记录一下,毕竟两个知识点同时写在一篇文章里面有点混乱的感觉.. 上篇随笔position定位遇到的问题在这里 ...

  2. smartimageview使用与实现原理

    一.从网络中获取图片的步骤 从网络中获取图片是一个耗时耗资源耗费用户流量的操作,故我们在第一次获取到网络中图片的时候会将其缓存到本地(内存或SD卡),以保证下次再需要这张图片时,可以从本地加载到. 二 ...

  3. FreeMarker与Spring MVC的结合应用

    Freemarker是一种基于java的模板引擎.SpringMVC对FreeMarker进行一些配置的支持,能够利用Freemarker只关注表现层以及Spring MVC的三层分离的特点,向前端输 ...

  4. Subsets 子集系列问题 leetcode

    子集系列问题: Coding 问题中有时会出现这样的问题:给定一个集合,求出这个集合所有的子集(所谓子集,就是包含原集合中的一部分元素的集合). 或者求出满足一定要求的子集,比如子集中元素总和为定值, ...

  5. 内存不足 java.lang.OutOfMemoryError: PermGen space

    错误: 原因: 改成: -Xms1024m -Xmx1200m -XX:PermSize=256M  

  6. JAVA学习博客---2015.5

    上一次的学习博客写的和流水账差不多,有点生硬的和背目录一样,所以既然学习的目的是程序,那么这个月的学习博客就用程序来说点东西吧.这个月看了一些C和JAVA的视频,开始看别人写的程序,能看的懂但是自己去 ...

  7. 【概念笔记】JAVA基础 - part2

    IT`huhiu前言录 这是续JAVA基础 - part1 链接http://www.cnblogs.com/ithuhui/p/5922067.html的. 笔记慢慢在修改和补充 JAVA里面重要的 ...

  8. ASP.NET MVC学习之模型验证篇

    一.学习前的一句话 在这里要先感谢那些能够点开我随笔的博友们.慢慢的已经在博客园中度过一年半了,伊始只是将博客园作为自己学习的记录本一样使用,也不敢将自己的随笔发表到博客园首页,生怕自己的技艺不高,反 ...

  9. 实际遭遇并解决:类型“ASP.global_asax”同时存在的问题

    将一个ASP.NET项目由预编译方式改为动态编译方式时,删除了bin文件夹中所有扩展名为.compiled文件以及文件名以App_Web_开头的文件. 访问却出现下面的错误: System.Web.H ...

  10. 动手写一个Remoting接口测试工具(附源码下载)

    基于.NET开发分布式系统,经常用到Remoting技术.在测试驱动开发流行的今天,如果针对分布式系统中的每个Remoting接口的每个方法都要写详细的测试脚本,无疑非常浪费时间.所以,我想写一个能自 ...