如何让Table中的第一列和第二列的值相乘然后赋值给第三列

因为需求的原因所以这样做,不废话了,直接上代码,我用的GridView绑定的数据,table也一样,因为GridView通过浏览器编译后的代码就是table。下面是aspx页面的Html代码:

<asp:GridView ID="gv_new" runat="server" AutoGenerateColumns="False" CssClass="tb_data"
                        Width="100%" AllowPaging="True" PageSize="12" EmptyDataText="没有找到相关数据!" OnPageIndexChanging="gv_new_PageIndexChanging">
                        <Columns>
                            <asp:TemplateField HeaderText="发送时间" HeaderStyle-Width="15%">
                                <ItemTemplate>
                                    <div style="text-align: center;">
                                        <%#Eval("MSG_DATE","{0:yyyy-MM-dd HH:mm:dd}")%>
                                    </div>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="发送人数" HeaderStyle-Width="80px">
                                <ItemTemplate>
                                    <div style="text-align: center;" class="fsrs_num">
                                        <%#Eval("per_num")%>
                                    </div>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="折算短信条数" HeaderStyle-Width="10%">
                                <ItemTemplate>
                                    <div style="text-align: center;" class="zsts_num">
                                        <%#Eval("MSG_TOTAL")%>
                                    </div>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="消费短信条数" HeaderStyle-Width="10%">
                                <ItemTemplate>
                                    <div style="text-align: center;" class="xiaofei">
                                    </div>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:BoundField DataField="MSG_NUM" HeaderText="剩余短信条数" HeaderStyle-Width=""></asp:BoundField>
                        </Columns>
                    </asp:GridView>

接下来就是Jquery代码了:

<script type="text/javascript">
        $(function () {
            $("#gv_new tr").each(function () {
                var fsrs = $(this).find(".fsrs_num");
                var sdts = $(this).find(".zsts_num");
                $(this).find(".xiaofei").text((parseInt(fsrs.text()) * parseInt(sdts.text())));
            });
        });
    </script>

别忘了引用Jquery库哈,我这里就没有写出来了咯。

总结下:我之前“fsrs_num“都是定义的Id,后来结果不对,在群里问了下,说用class最好,不容易出错,结果很满意,结果图如下:

时间: 2024-08-29 23:21:28

如何让Table中的第一列和第二列的值相乘然后赋值给第三列的相关文章

三列布局中,怎么设置左右固定,中间列自适应,且都显示在同一行。

左可以 .left{width:200px;background:red;height:500px;position:absolute;left:0;top:0;} 右可以.right{width:300px;height:500px;position:absolute;right:0;top:0;background:blue} 中间可以.center{height:500px;background:orange;margin:0 310px 0 210px}先把左右设置为绝对定位,然后再把中

【前端基础】统一修改table中某一列的值

一.需求 需求比较简单,就是先修改第一列中age下面的input中的值,然后点击age这个submit按钮,会将这一列中所有的值都修改称第一列中age对应的值,如上图所示: 二.实现 1.针对这个需求,我第一反应就是先获取第一列age这列对应的value,然后用这个值给其他行的这一列的value进行赋值:所以我的代码实现如下: <!DOCTYPE html> <html> <head> <title>test</title> </head&

用JavaScript,获取Table中指定的行、列

<html> <head runat="server"> <title>演示获取Table的值</title> <script type ="text/javascript" language ="javascript" > // Description: 演示用JavaScript,获取Table中指定行.列元素值 // CopyRight: http://www.cnblogs.co

Jquery Ajax 异步设置Table中某列的值

可根据table中某列中的ID去改变某列的值! JS: 1 $(document).ready(function () { 2 setTimeout(GetDate, 1000); 3 4 }); 5 6 function GetDate() { 7 $("#tbData tbody").find("tr").each(function () { 8 var prjectBalanceObj = $(this).find("td:eq(3)");

【2017-06-29】在登录页面自动返回上次请求页面、Js获取table中的行数与列数

一.在登录页面自动返回上次请求页面 Request.UrlReferrer比如 if (Request.UrlReferrer != null) { //如果能获取来路地址 Response.Redirect(Request.UrlReferrer.ToString());} else { //没有来路地址 Response.Redirect("index.aspx"); 二.Js获取table中的行数与列数 var table =document.getElementById(&qu

Table中合并相同内容列+Excel中合并相同内容列。

Table中合并相同内容列的方法比较好办,网上代码也很多,参照了一些把它封装成jquery 插件,调用起来还是蛮好用的. 这个地方稍微修改了下,有的时候td中内容虽然一样,但是数据库中的value却是不一样的,比如不同的公司,都有人事部,财务部, 公司A的财务部和公司B的财务部不能合并起来,所以我就给td加了个name属性.用于保存部门的ID,集团里面各公司部门ID总归不一样. 调用方式 $(function() {                            $("#tbdianba

JavaScript实现获取table中某一列的值

JavaScript实现获取table中某一列的值 1.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &

JavaScript获取table中某一列的值的方法

1.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C

表单中输入内容,搜索时,下面table中该列中包含关键字的高亮显示

有时候为了在搜索时清楚直观,需要关键字的高亮显示, 效果如下: 思想:在下面table中,本来应该是直接渲染数据,此时,可以先写一个方法,里面包含两个参数,分别是该显示的内容以及进行搜索时输入的关键字,在该方法中,进行判断,若是该列内容中包含关键字,则将关键字颜色改变,然后替换掉:若是没有,则还是原样显示. 表单中: table表格中: 此时需要写关键字高亮显示的方法: 在该方法中,可以使用if判断来进行替换,也可以使用正则来写. 原文地址:https://www.cnblogs.com/520