如何让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最好,不容易出错,结果很满意,结果图如下:
如何让Table中的第一列和第二列的值相乘然后赋值给第三列的更多相关文章
- JSP table中除了第一行(标题)其他全清空
表格如下 <div style="overflow-x: auto;width: 800px"> <table id="taresults02" ...
- js穿梭框;将两个table中的数据选中移动
将table中选中的数据移动到右边: 点击一行中的任意一个位置,使其选中: 注:attr()和prop()都是jquery的方法: .attr() : 获取匹配的元素集合中的第一个元素的属性的值 或 ...
- OAF TABLE中第一列添加事件不生效
我遇到一个比较诡异的现象 在TABLE中,我在TABLE的第一列添加了一个MessageCheckBox,并为其设置全局刷新的FireAction事件selection, 但是点击勾选框按钮之后,事件 ...
- 给table中某一列的文字右对齐
一般来说,没写过jquery的前端人员,肯定是定义一个class,给每一行的那列加上align_r{text-align:right}.这是很麻烦的. 所以用jquery来写,可以$("ta ...
- 用JavaScript,获取Table中指定的行、列
前言: 先要谢谢George Wing的慷慨赠书<悟透JavaScript>,让我更加感受到了技术交流的重要性,呵呵~ 进入正题,面试题中有一题:如何通过JavaScript获取Table ...
- table中tr间距的设定table合并单元格 colspan(跨列)和rowspan(跨行)
table中的tr的默认display:table-row,虽然可以修改为display:block但是就失去了tr特有的显示效果,如(td自动对齐): 并且在tr中对起设定padding是有用的,可 ...
- Jquery Ajax 异步设置Table中某列的值
可根据table中某列中的ID去改变某列的值! 只是参考,实际应用中不能这样做的,如果有很多行,频繁访问服务器,服务器是顶不住的! JS: $(document).ready(function () ...
- JavaScript实现获取table中某一列的值
JavaScript实现获取table中某一列的值 1.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ ...
- sql 选取分组中的第一条,显示聚合以外的列,having字句的使用
分组中的第一条:select * from(select row_number() over(partition by 列1,列2,... order by 列1,列2,...) as rownum ...
随机推荐
- 去除tabbar的灰线
去掉导航栏的边界灰线 [self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBar ...
- js操作json与字符串相互转换
字符串转对象(strJSON代表json字符串) var obj = eval(strJSON); var obj = strJSON.parseJSON(); var obj = JSON.pars ...
- Linux命令行修改IP、网关、DNS、主机名 的方法
修改主机名:[改里面的 HOSTNAME 即可] vim /etc/sysconfig/network 网卡eth0 IP修改为 102.168.0.1 ifconfig eth0 102.16 ...
- php面向对象面试题
php面试题之四--PHP面向对象(基础部分) 四.PHP面向对象 1. 写出 php 的 public.protected.private 三种访问控制模式的区别(新浪网技术部) public:公有 ...
- 关于CSS的优先级,CSS优先级计算
原则一: 继承不如指定原则二: #id > .class > 标签选择符原则三:越具体越强大原则四:标签#id >#id ; 标签.class > .class CSS优先级权 ...
- Keepalived高可用集群介绍
1.Keepalived服务介绍 Keepalived起初是专为LVS设计的,专门用来监控LVS集群系统中各个服务节点的状态,后来又加入了VRRP的功能,因此除了配合LVS服务外,也可以为其他服务(n ...
- IoC模式
1.依赖 依赖就是有联系,有地方使用到它就是有依赖它,一个系统不可能完全避免依赖.如果你的一个类或者模块在项目中没有用到它,恭喜你,可以从项目中剔除它或者排除它了,因为没有一个地方会依赖它.下面看一个 ...
- leetcode 33. Search in Rotated Sorted Array
Suppose a sorted array is rotated at some pivot unknown to you beforehand. (i.e., 0 1 2 4 5 6 7 migh ...
- Android学习笔记(二十)——自定义内容提供器
//此系列博文是<第一行Android代码>的学习笔记,如有错漏,欢迎指正! 如果我们想要实现跨程序共享数据的功能,官方推荐的方式就是使用内容提供器,可以通过新建一个类去继承 Conten ...
- [HDU4507]吉哥系列故事——恨7不成妻
[HDU4507]吉哥系列故事--恨7不成妻 试题描述 单身!依然单身!吉哥依然单身!DS级码农吉哥依然单身!所以,他生平最恨情人节,不管是214还是77,他都讨厌!吉哥观察了214和77这两个数,发 ...