js合计
Js合计行:
可以先循环行,然后按行获取这行带有你定义的class的td,取得这些td的
text后相加,最终赋值到这行的“合计”单元格就行了
var trslength = $("#datagrid").find("tr").length;//获取的行的长度
var collen = $(".keshi").length;//获取的列的长度
for( var i = 0; i <trslength; i++ ){
var sumvalue = 0;
$("#datagrid tr").eq(i).find("td[code-pt=classlist]").each(function(){
var _value = $(this).text();
if( "" != _value ){
sumvalue = parseInt(sumvalue) + parseInt(_value);
}
});
$("#datagrid tr").eq(i).find(".heji").text(sumvalue);
合计某一行的某几列:
function heji(){
var trslength = $("#datagrid").find("tr").length;//获取的行的长度
for(var i = 0; i < trslength; i++ ){
var _jine=$("#datagrid tr").eq(i).find(".jine").text();
var _xiaoshoujine=$("#datagrid tr").eq(i).find(".xiaoshoujine").text();
var _jineee=$("#datagrid tr").eq(i).find(".jineee").text();
if(_jine ==''){
_jine = 0;
}
//alert(_jine);
if(_xiaoshoujine ==''){
_xiaoshoujine = 0;
}
//alert(_xiaoshoujine);
if(_jineee ==''){
_jineee = 0;
}
//alert(_jineee);
var _value= parseFloat(_jine)+parseFloat(_xiaoshoujine)+parseFloat(_jineee);
//alert(_value);
$("#datagrid tr").eq(i).find(".jinecount").text(_value);
}
}
合计列:
var collen = $("#tableHeader .headtitle").find("th").length; 列
var rowlen = $("#datagrid").children().length;行
for( var i = 2; i < collen; i++ ){
var sumvalue = 0;
for( var k = 0; k < rowlen; k++ ){
var _value = $("#datagrid tr").eq(k).find("td").eq(i).text();
if( "" != _value ){
sumvalue = parseInt(sumvalue) + parseInt(_value);
}
}
$("#datagrid tr:last").children("td").eq(i-1).text(sumvalue);
}
合计列:
var _jine=0;
$(".jine").each(function(idx,ele){
var _value = $(this).text();
if(isFloat(_value)){
_jine += Number(_value);
}
});
if(isFloat(_jine)){
$("#total_money").text(_jine);
}else{
$("#total_money").text('0');
}
双击某一个单元格跳到一个页面:并且双击那个单元格那个单元格会有颜色
<style type="text/css">
.selected{
background-color: #C1C1FF;
}
</style>
写在了<title>下边,</head>上边
$(".total1,.jine").dblclick(function(){
var a=$("#_start_date").val();
var b=$("#_end_date").val();
var c=$(this).attr('code');
var d=$(this).text();
if(d!=''){
ccms.dialog.open({
url:"${def:context}/action/project/erpClub/msSellSys/cttMng/crud?t_typee=0&startdate="+a+"&enddate="+b+"&vc_salemember="+c
});
}
});
$(".total1,.jine").click(function() {
$(this).toggleClass("selected");
});
js合计的更多相关文章
- js格式化合计金额
var summoney=1040.010400000000000001; var totalMoney=parseFloat(summoney).toFixed(2); var arry=total ...
- 原生JS实现购物车结算功能代码+zepto版
html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...
- Knockout.js随手记(7)
数组元素的新增/移除事件 前两篇博客已经很清楚的知道knockout.js通过observableArray()数组元素增减,可以实时的反映在UI上.当然我们想在数组增加或移除元素时加上自定义逻辑就好 ...
- Knockout.js随手记(6)
实时反映对象属性的变化 在前一篇博客中我们使用了如下代码去新增user对象,即push方法: $("#btnAddUser").click(function () { vm.use ...
- JQuery表格插件DataTables 当前页合计功能
公司项目表格插件使用的是DataTables,最近添加表合计功能,发现百度统一都是如图类型的代码,不知道是配置问题还是怎么了,在我的页面下根本不能用 var addd=0; $(document).r ...
- 原生JS实战:写了个斗牛游戏,分享给大家一起玩!
本文是苏福的原创文章,转载请注明出处:苏福CNblog:http://www.cnblogs.com/susufufu/p/5869953.html 该程序是本人的个人作品,写的不好,未经本人允许,请 ...
- Knockout.js随手记(5)
以列表方式呈现数据 处理以数组形式储存的多条数据,要先认识foreach.在ViewModel定义一个JavaScript Array或是ko.observableArray() (observab ...
- 第一次写这么长的js
是公司一个项目,要求显示不同的sku,然后根据sku组合显示不同的价格区间,根据填写的数量落在哪个价格区间,然后进行计算.实际截图如下: 前端JS如下: <script type="t ...
- javascript - 可编辑表格控件 支持全键盘操作(无JS框架)
项目中经常会用到表格编辑控件,网上也有不少,但是确实没有完全符合我要求的, 自己写一个吧! 1.该控件支持 数据显示列,文本编辑列,选择列,下拉列,索引列,删除列 六种列类型 2.支持全键盘操作,自定 ...
随机推荐
- ural 1244. Gentlemen
1244. Gentlemen Time limit: 0.5 secondMemory limit: 64 MB Let's remember one old joke: Once a gentle ...
- 【BZOJ】1049: [HAOI2006]数字序列(lis+特殊的技巧)
http://www.lydsy.com/JudgeOnline/problem.php?id=1049 题意:给一个长度为n的整数序列.把它变成一个单调严格上升的序列.但是不希望改变过多的数,也不希 ...
- shell用到的命令
一.shift 参数左移 until [ $# -eq 0 ]doecho "第一个参数为: $1 参数个数为: $#"shiftdone 二.wc 该命令用于统计指定文件中的字节 ...
- shell条件与循环
一.if语句 if [expression] then elif[expression] then else fi 注 : expression前后要有空格:判断相等用 = 而不是 == : then ...
- Linux_自动调整linux系统时间和时区与Internet时间同步
调整linux系统时间和时区与Internet时间同步 一.修改时区:# cp /usr/share/zoneinfo/Asia/Shanghai /etc/localtime修改为中国的东八区# v ...
- Programming with gtkmm 3
https://developer.gnome.org/gtkmm-tutorial/unstable/index.html.zh_CN 1. 序言 1.1. 本书 1.2. gtkmm 2. 安 ...
- MIB-II
. 1.3.6.1.2.1
- NBUT 1602 Mod Three(线段树单点更新区间查询)
[1602] Mod Three 时间限制: 5000 ms 内存限制: 65535 K 问题描述 Please help me to solve this problem, if so, Liang ...
- 【转】用JIRA管理你的项目
原文地址:http://snowolf.iteye.com/blog/875529
- thrift
环境准备: 1.下载window版本的thrift编译器 2.下载idea的thirft插件 3.设置thrift编译工具为:步骤1下载的编译器 4.编写thrift文件 namespace java ...