此代码用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>
分享到:
相关推荐
表格求和想必大家并不陌生,下面为大家详细介绍下通过相同的name进行表格求和,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助
excel 电子表格数据安颜色汇总求和!
动态添加、删除行想必大家并不陌生,下面为大家介绍通过js是如何实现的,有此需求的朋友可不要错过了哈
纯js实现单击可修改表格(类似成绩单),供大家参考,具体内容如下 功能:实现成绩单单击表格可对数据进行修改且对输入的数字大小有验证例如不小于0不大于100,总分栏会对总分进行求和(利用了es6的模板字符串)。...
带富文本编辑器以及支持表格操作,可拉伸单元格宽度、增加行、增加列、合并单元格
用jquery实现的表格常用操作 1.表头固定 2.页脚求和 3.行隐藏 4.列隐藏 5.悬浮变色 6.表头排序
LuckySheet 单元格更新文件
editTable.js 提供编辑表格当前行、添加一行、删除当前行的操作,其中可以设置参数,如: operatePos 用于设置放置操作的列,从0开始,-1表示以最后一列作为放置操作的列;(这里的操作包括 编辑当前行、在当前行下...
9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...
一、导入vue.js 可以用cdn,也可以用内嵌去官网下载插件...我用了一个表格,话不多说直接上代码 数学 <td><input type=text v-model.number=math> 物理 <td><input type=text
9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...
GridView固定表头(不用javascript只用CSS,2行代码,很好用) GridView合并表头多重表头无错完美版(以合并3列3行举例) GridView突出显示某一单元格(例如金额低于多少,分数不及格等) GridView加入自动求和求平均...
本节主要介绍了用Jquery选择器计算table中的某一列某一行的合计,需要的朋友可以参考下
7.1.1 表格的基本构成——table、tr、td 119 7.1.2 表格的标题——caption 120 7.1.3 表格的表头——th 121 7.2 设置表格基本属性 123 7.2.1 表格的宽度——width 123 7.2.2 表格的高度——height...
表格(/) 导航(/) 基本示例(/ ) 范围自定义(/ ) 扰流板-详细信息(/ ) 画廊 轮播(文件/ 演示) CSS 元素超出父级的范围(文件/演示) 防止移动Chrome中的输入闪烁(文件/演示) 文本变粗时的偏移量...
例如,您可以在其他列/行中标记数据,并使用内置函数来有条件地对一系列列求和。 如果没有其他选择,或者很难找到一个选择,请继续使用此脚本作为最后的选择。 安装脚本将在电子表格中提供以下功能: ...
动态编程介绍在此存储库中,存在3种不同类型的常见软件密集型问题的实现(斐波纳契,网格旅行者,求和问题和构造问题): 天真的执行; 具有动态实现; 带有表格的动态实现。 我找不到仅解释制表的任何资料,但是是...