此代码用js在客户端自动求和，具体可以根据自己的要求拓展
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>table_count.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- 引入jQuery -->
<script type="text/javascript" src="scripts/jQuery/jquery-1.3.2.js"></script>
</head>
<body>
<table id="count_table">
<tr>
<td><input value="33" name="no1" id="no1" onblur="setAllCount();"/></td>
<td></td>
</tr>
<tr>
<td><input value="11" name="no2" id="no2" onblur="setAllCount();"/></td>
<td></td>
</tr>
<tr>
<td><input value="22" name="no3" id="no3"/></td>
<td><input type="button" value="计算" onclick="setAllCount();"/></td>
</tr>
</table>
<div id="count_result"></div>
<script type="text/javascript">
$().ready(function() {
setAllCount();
});
function setAllCount(){
var tr_id=0;//要统计的行数
var total1 = 0.00;
var itemtable = document.getElementById("count_table");//需要统计的table的id
var length = itemtable.childNodes[0].childNodes.length;
tr_id=length;//计算要统计的行数
for(var i=1;i<=tr_id;i++){
if(""!=($("#no"+i).val())&&null!=($("#no"+i).val())){
total1 = total1+parseFloat($("#no"+i).val());
}else{
total1 = total1+parseFloat(0.00);
}
}
$("#count_result").html(total1.toFixed(0));
return true;
}
</script>
</body>
</html>
分享到：
相关推荐
2. 使用JavaScript中的onkeyup事件实现表格求和功能。 3. 涉及的标签和属性以及如何使用它们。 首先，动态添加和删除HTML表格行是Web开发中的常见需求。具体到本文中，我们通过JavaScript函数addRow()来实现动态...
在本篇教程中，我们将详细探讨如何利用JavaScript（简称JS）实现基于具有相同name属性的输入字段的表格求和功能。这是前端开发中经常遇到的需求，比如在购物车或者表单填写时，需要对某些数量字段进行累加统计。 ...
### Excel 电子表格数据按颜色汇总求和 在日常工作中，Excel 作为一种强大的数据分析工具，被广泛应用于数据处理、统计分析等场景。特别是在处理大量数据时，如何快速准确地进行数据汇总与求和是非常重要的技能之一...
在使用Vue.js框架开发时，表格的数据计算和展示是常见的需求之一，尤其是在处理业务报表时，对某列数据进行求和是非常重要的功能。本文将介绍如何在Vue项目中实现表格列的求和功能，虽然原项目中使用了element-ui库...
在特定场景下，我们可能需要在表格中实现数据的求和功能，比如对某一列进行总计计算。`Bootstrap-table` 提供了内置的工具来实现这样的功能。 首先，我们需要引入 `Bootstrap-table` 的 CSS 和 JS 文件，以及相关的...
富文本编辑器是一种常见的网页和应用中的文本输入组件，它允许用户在编辑环境中进行复杂的文本格式设置，如字体、字号、颜色、对齐方式等，同时支持插入图片、链接、表格等多种元素。在IT领域，富文本编辑器是构建...
本教程将重点讲解如何实现"javascript表格常用操作"，包括"表头排序"、"表头固定"、"列隐藏"、"行隐藏"以及"悬浮变色"等功能。这些功能可以极大地提升用户体验，使得数据浏览和管理更加便捷。 首先，我们来谈谈...
这通常通过数组或对象数组实现，用JavaScript遍历数据并填充表格。 3. **事件监听**：设置`addEventListener()`监听用户对表格的操作，如点击、双击、拖拽等，实现相应的功能响应，如单元格编辑、行列增删、排序等...
2. **LISP语言**：Js.lsp文件的出现表明这是使用AutoLISP编程的一个脚本。AutoLISP是专为AutoCAD设计的一种高级程序设计语言，用于扩展CAD的功能。通过编写LISP程序，用户可以自定义命令来实现求和等复杂操作。 3. ...
- 高级表格支持库通常有JavaScript、HTML5、React、Angular、Vue等前端框架的版本，适应不同开发环境的需求。 - 对于后端，它们可能与Node.js、Java、Python等后端平台兼容，通过API进行数据交换。 3. **性能优化...
- 统计：根据表格数据进行计算，例如求和、平均值等，结果可放置在表格下方或独立区域。 三、时间插件集成 为了在表格中插入时间，我们可以利用jQuery的时间插件，如jQuery UI的日期选择器或者Moment.js等。这些...
本文分享了一个使用Vue.js实现的简单自动求和计算实例。Vue.js是一个轻量级的JavaScript框架，专门用于构建用户界面。其核心思想是使用数据驱动视图，通过简单的响应式数据绑定功能，使得开发者能够高效地开发复杂的...
标题"凑数器-随机求和等于指定数.zip_excel凑数在哪里"提到的是一种工具或方法，旨在帮助用户生成一组随机数，这些随机数的和恰好等于预设的目标值。这种功能在诸如发票制作、模拟运算或者统计分析等场景中十分有用...
LuckySheet 单元格更新文件
- 数学函数：如 `SUM`（求和）、`AVERAGE`（平均值）、`MAX`和`MIN`（最大最小值）。 - 日期与时间函数：如 `TODAY`（当前日期）、`NOW`（当前日期和时间）、`DATE`（指定日期）。 - 文本函数：如 `CONCATENATE`...
jqGrid 是一个强大的 jQuery 插件，用于在网页上创建、操作和展示表格数据。它提供了丰富的功能，包括数据分页、排序、过滤、编辑以及我们关注的主题——上端合计行。"jqgrid_位于上端的合计行" 指的是在 jqGrid ...
在探讨基于FileSaver.js在浏览器中导出Excel文件的实现方式之前，首先要了解FileSaver.js这个JavaScript库的基本功能和使用场景。FileSaver.js是一个开源的JavaScript库，主要用于在客户端（即浏览器中）实现文件...
editTable.js 提供编辑表格当前行、添加一行、删除当前行的操作，其中可以设置参数，如： operatePos 用于设置放置操作的列，从0开始，-1表示以最后一列作为放置操作的列；（这里的操作包括 编辑当前行、在当前行下...
在许多应用程序中，如电子表格、财务软件或者计算器，用户可能需要在文本框中输入一系列数值，然后程序会自动对这些数值进行求和。这个过程就涉及到类型转换，因为用户输入的数据可能是字符串格式，而计算通常需要将...