Jquery 计算表格某一列的合计

 <script type="text/javascript">
    function heji(table_id, lie, val_id) {
        //合计 --xpp
        //table_id: 要统计的table 的id值
        //lie:要统计哪一列
        //val_id:将合计值写入哪
        totalSou = 0;
        $("#" + table_id + " tr").each(function () {
            var num = $($(this).find("td")[lie]).text();
            totalSou += getNumValue(num);
        });
        $("#" + val_id).text(Number(totalSou.toFixed(4)));
    }
    function getNumValue(num) {
        if (!isNaN(num)) {
            num = parseFloat(num);
        }
        else {
            num = 0;
        }
        return num;
    }</script>
时间: 2024-10-17 14:49:01

Jquery 计算表格某一列的合计的相关文章

jQuery选择表格中的列

以选择table中的第一列为例: 方式1: $("table tr").find("td:first").html("first column");//错误写法:$("table tr td:first").html("first column"); 方式2: $("table tr").each(function(){ $(this).find("td:eq(0)"

基于jquery的表格动态创建,自动绑定,自动获取值

最近刚加入GUT项目,学习了很多其他同事写的代码,感觉受益匪浅. 在GUT项目中,经常会碰到这样一个问题:动态生成表格,包括从数据库中读取数据,并绑定在表格中,以及从在页面上通过jQuery新增删除表格.如下所示: 在实现过程中,开发人员经常采用如下方式来实现: 1)          在前台,通过js生成表格行的html字符串,然后通过jquery的after方法加到表格底部. 2)          在后台,读取数据库,然后生成表格的html字符串,然后传递给前台渲染 3)         

jquery操作表格总结

返回表格行 或 列的索引 td是列,tr是行: <script type="text/javascript"> $(document).ready(function(){ $("table td").bind("click",function(){ var index = $(this).parent().index(); alert(index);//表示所在行的索引.如果要的是列的索引,把parent()去掉 }); }); &l

使用jquery合并表格中相同文本的相邻单元格

一.效果 二.代码 <!DOCTYPE HTML> <html> <head> <title>Example</title> <meta charset="utf-8"/> <style></style> <script src="js/jquery-2.1.4.min.js"></script> </head> <body>

JQuery 对表格的详细操作

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><ht

示例-创建表格-指定行列&amp;删除表格的行和列

<body> <script type="text/javascript"> /* *上面的方法和你麻烦.*既然操作的是表格,*那么最方便的方式就是使用表格节点对象的方法.* *表格是由行组成.表格节点对象中insertRow方法就完成了创建行并添加的动作.* *行是有单元格组成.通过tr节点对象的insertCell来完成.*/function crtTable(){ var oTabNode = document.createElement("ta

jQuery删除表格指定行代码实例

jQuery删除表格指定行代码实例:本章节介绍一下如何删除表格中指定的行,代码非常的简单,直接上代码: $("table tr").eq(2).remove(); 相关阅读:1.eq()函数可以参阅jQuery的eq()方法一章节.2remove()函数可以参阅jQuery的remove()方法一章节. 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13213 更多内容可以参阅:http://www.soft

jQuery实现表格隔行换色且感应鼠标高亮行变色

jQuery插件实现表格隔行换色且感应鼠标高亮行变色 http://www.jb51.net/article/41568.htm jquery 操作DOM的基本用法分享http://www.jb51.net/article/30047.htm jQuery技术之事件处理 http://blog.csdn.net/woshisap/article/details/7434010 jQuery实现表格隔行换色且感应鼠标高亮行变色,布布扣,bubuko.com

JQuery实现表格的增加行和删除行

利用JQuery实现datatables插件的增加和删除行操作 在学习过程中遇到了这个利用JQuery对表格行的增加和删除,特记录下来以供初学者参考. 下面是主要的代码: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>zengjia he shancu </title> <meta charset="utf-8