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

如图：

代码 ：

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script type="text/javascript">

        function setClf(con) {

            var table = document.getElementById("GridView1");

            var tr = table.getElementsByTagName("tr");

            //获取鼠标点击的元素

            var e = event.srcElement;

            //获取元素所在的行的行号（表头行号从0开始）。注意：parentElement只适用于IE浏览器，而parentNode则符合DOM标准。

            //var rowIndex=e.parentElement.parentElement.rowIndex ;

            var i = e.parentNode.parentNode.rowIndex; //获取GridView控件  分别获取选定行指定列的值

            var a, b,c;

            a = parseFloat(tr[i].getElementsByTagName("td")[].getElementsByTagName("input")[].value);

            b = parseFloat(tr[i].getElementsByTagName("td")[].getElementsByTagName("input")[].value);

            //上面为获取gridview中textbox的，如果为lable则如下写法

            //  b = parseFloat(tr[i].getElementsByTagName("td")[1].getElementsByTagName("span")[0].innerText);

            sum1 = a+b; //计算方法改变

            c = parseFloat(tr[i].getElementsByTagName("td")[].getElementsByTagName("input")[].value);

            if (sum1 != c) {

                con.style.color = "Red";

            }

            else con.style.color = "black";

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding=""

            Width="100%" BackColor="White" BorderStyle="Solid" BorderWidth="1px" O>

            <Columns>

                <asp:TemplateField HeaderText="数据1">

                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />

                    <ItemTemplate>

                        <asp:TextBox ID="txt_bndy" runat="server" CssClass="tboxSearch_x" Width="" Height=""

                            Text='<%#  Eval("BNDY").ToString() %>' />

                    </ItemTemplate>

                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />

                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />

                </asp:TemplateField>

                <asp:TemplateField HeaderText="数据2">

                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />

                    <ItemTemplate>

                        <asp:TextBox ID="txt_bndj" runat="server" CssClass="tboxSearch_x" Width="" Height=""

                            Text='<%# Eval("BNDJ").ToString()%>' />

                    </ItemTemplate>

                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />

                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />

                </asp:TemplateField>

                <asp:TemplateField HeaderText="求和">

                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />

                    <ItemTemplate>

                        <asp:TextBox ID="txt_bnlj" runat="server" CssClass="tboxSearch_x" Width="" Height=""

                            Text='<%# Eval("BNLJ").ToString()%>' onBlur="setClf(this)" />

                    </ItemTemplate>

                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />

                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />

                </asp:TemplateField>

            </Columns>

            <FooterStyle BackColor="#CCCC99" />

            <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />

            <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />

            <AlternatingRowStyle BackColor="White" />

        </asp:GridView>

    </div>

    </form>

</body>

</html>

后台：

 protected void Page_Load(object sender, EventArgs e)

    {

        DataTable newdtb = new DataTable();

        newdtb.Columns.Add("BNDJ");

        newdtb.Columns.Add("BNDY");

        newdtb.Columns.Add("BNLJ");

        for (int i = ; i < ; i++)

        {

            DataRow newRow = newdtb.NewRow();

            //newRow["BNDJ"] = "pro" + i.ToString();

            //newRow["BNDY"] = 12.3m;

            newdtb.Rows.Add(newRow);

        }

        GridView1.DataSource = newdtb;

        GridView1.DataBind();

    }

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. php array转json、xml

    class Encode{ public static function jsonEncode($code,$message,$data){ $result = array( 'code' => ...

  2. java8的接口新特性（可以有方法体的接口）(转)

    以前Java的接口中定义的方法不可以有方法体,这样试用起来,有时候听不方便的,当有多个类实现了想同的接口,接口中某一些方法的实现体可能都是一样的时候,这样无疑浪费了很多时间,在写重复的代码(或者说co ...

  3. 如何用Fiddler对Android应用进行抓包

    Fiddler是一款非常流行并且实用的http抓包工具,它的原理是在本机开启了一个http的代理服务器,然后它会转发所有的http请求和响应,因此,它比一般的firebug或者是chrome自带的抓包 ...

  4. mybatis异常

    一.Invalid bound statement 1.mapper.xml中namespaces错误(***) 2.方法不存在 3.方法返回值错误 二.Mapped Statements colle ...

  5. [ASE][Daily Scrum]11.17

    这两天感冒了没有第一时间更新blog和tfs,给大家抱歉了! 上周五我们已经将服务器搭建完成并成功通讯,周六周日大家非常给力的完成了很多内容! View Shilin Liu 处理来自服务器的数据 显 ...

  6. Windows上一步一步CoreRun

    起步只有3个文件:CoreRun.exe, coreclr.dll, mscorlib.dll, HelloWorld.exe 运行命令:CoreRun HelloWorld.exe 出错: Asse ...

  7. 设计模式之美：Creational Patterns（创建型模式）

    创建型模式(Creational Patterns)抽象了对象实例化过程. 它们帮助一个系统独立于如何创建.组合和表示它的那些对象. 一个类创建型模式使用继承改变被实例化的类. 一个对象创建型模式将实 ...

  8. 浅谈压缩感知（二十五）：压缩感知重构算法之分段正交匹配追踪（StOMP）

    主要内容: StOMP的算法流程 StOMP的MATLAB实现 一维信号的实验与结果 门限参数Ts.测量数M与重构成功概率关系的实验与结果 一.StOMP的算法流程 分段正交匹配追踪(Stagewis ...

  9. SignalR实现服务器与客户端的实时通信

    百度百科给它的定义 实现实时通信.什么是实时通信的Web呢?就是让客户端(Web页面)和服务器端可以互相通知消息及调用方法,当然这是实时操作的. WebSockets是HTML5提供的新的API,可以 ...

  10. paip.消除 Java 的冗长try/catch/finally

    paip.消除 Java 的冗长try/catch/finally 作者Attilax 艾龙,  EMAIL:1466519819@qq.com 来源:attilax的专栏 地址:http://blo ...