JS实现类似excel的表格数据输入,并自动计算的页面

JS实现类似excel的表格数据输入,并自动计算的页面

分享到:

------解决方案--------------------

这个需要自己写函数 写逻辑

楼主参考下

function tiJiao(){

var id_td1 = document.getElementById("td1");

var id_td2 = document.getElementById("td2");

var id_td3 = document.getElementById("td3");

id_td3.innerHTML =id_td1.innerHTML * id_td2.innerHTML;

}

function add(id)

{

var row = id.insertRow(id.rows.length);

var col = row.insertCell(0);

col.innerHTML = " ";

var col = row.insertCell(1);

col.innerHTML = " ";

col = row.insertCell(2);

col.innerHTML = " ";

}

单价 数量 总额
12 34

http://js.alixixi.com/a/2010091364595.shtml

------解决方案--------------------

html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Insert title here

列值 整数一 整数二 总和
1
2
合计

function count(inp) {

//算总和

var trObj = inp.parentElement.parentElement;

var sum = 0;

for (var i=1; i

{

sum += trObj.childNodes[i].firstChild.value ? parseInt(trObj.childNodes[i].firstChild.value,10) : 0; //如果input值为空,则算作0

}

trObj.childNodes[trObj.children.length-1].firstChild.value = sum; //给最后一格内的input赋值

//算合计

var tab = document.getElementById("test");

for (var i=1; i

{

var total = 0;

html 表格自动计算,JS实现相仿excel的表格数据输入,并自动计算的页面相关推荐

  1. 在Excel工作表数据输入表单中编辑记录

    How can you make it easy for people to enter and edit data in Excel, but keep them away from the dat ...

  2. 如何将excel表格导入word_如何将Excel中的数据写入Word表?

    之前我们分享了一期小代码,内容是如何将word中表格的数据读入excel-- 之后有朋友表示知道了,又问如何将excel中的数据写入word-- 此时此刻,我再一次清醒的意识到,这世界上像我这样好的人 ...

  3. 计算机表格数字怎么,电脑怎么在表格里填字-在EXCEL中数字怎么输入到方框□内??...

    如何在excel表中插入小方框 1.首先,打开我们电脑上面excel,然后我们任意选择一个单元格: 2.之后我们点击工中的插入: 3.弹出的界面,我们点击符号: 4.弹出的界面,我们点击子集边上的下拉 ...

  4. 计算机设计表格成绩排名的教程,excel成绩表格数据排名次的教程

    Excel中经常需要使用到排名次的技巧,成绩表格数据具体该如何排名呢?接下来是学习啦小编为大家带来的excel成绩表格数据排名次的教程,供大家参考. excel成绩表格数据排名次教程(一) 步骤1:不 ...

  5. js打印html表格内容,js实现简单的打印表格

    本文实例为大家分享了js实现打印表格的具体代码,供大家参考,具体内容如下 效果如下: 代码如下: 打印表格 var data=[ {id:1001,icon:"img/1.png" ...

  6. vba根据内容调整word表格_分析报告自动化——Excel与Word数据互通

    写在前面:本次分享出的内容,您真的非常值得研究. 对于将Excel里面的内容传送至Word的办法,大部分可能都知道用"邮件" 的合并功能.实际上,办法不止这么一个,其实,还有好几种 ...

  7. js读取本地excel文档数据

    摘自:http://blog.csdn.net/sainery/archive/2008/08/18/2790491.aspx 浏览器:IE 安全设置:默认 代码: Code  1<script ...

  8. VUE+ElementUI生成Excel模板 导入数据生成表格(自适应)

    VUE+ElementUI生成Excel模板 导入数据生成表格(自适应) 最近项目需求,需要根据条件查询对应数据的参数(每条数据的参数名称和个数都不一样) ,生成Excel表格模板,再通过Excel模 ...

  9. python调用(百度云、腾讯云)API接口表格识别并保存为excel

    Python表格识别 图像识别具有较高的商业价值,本节主要通过python调用(百度云.腾讯云)API接口表格识别并保存为excel分析表格识别的能力: 提示:需分别申请密钥,在相应位置添加自己密钥即 ...

最新文章

  1. 如何使用有限的数据来训练 GANs?
  2. iOS动画-从UIView到Core Animation
  3. 我需要一个高并发的架构,我的系统要改造成微服务吗
  4. vue使用过程中的一些问题
  5. kubernetes之三:service
  6. WEB前端常用JavaScript代码知识点
  7. android 多图片优化工具,总结Android App内存优化之图片优化
  8. scp拷贝服务器文件,scp 拷贝文件到远程服务器
  9. 服务器更新维护尚未全部完成,【已开服】11月21日全部服务器更新维护公告
  10. 复盘图像双线性插值推导细节
  11. 大黄,不懂 HTTP 行嘛?
  12. Java 1082 射击比赛
  13. 水晶高跟鞋(测试版)
  14. Selenium基础用法
  15. Android笔记之(图片高斯+Glide实现微信图片加载策略+仿微信进度条)
  16. must be unique: xxx.xxx.xxx:xxx:jar -> duplicate declaration of version 0.0.1 @ line 25, column 21
  17. [RK3568 Android11] 教程之cm32181光线传感器驱动
  18. 见缝插针c语言编程,见缝插针游戏的实现
  19. python键盘监听及模拟键盘输入keyboard
  20. 【Android】(二)SQLite可视化工具SQLiteStudio的用法

热门文章

  1. leach-matlab
  2. 移动端常见布局方式(流式布局、flex弹性布局、less+rem+媒体查询、Bootstrap)
  3. Spring配置mapper扫描的两种方式
  4. 计算机二级WPS 选择题(模拟和解析十三)
  5. 优秀员工的德商,智商,情商课程笔记
  6. 国外网友分享在Udemy、Skillshare 和 Gumroad 上发布了相同的课程——我学到了什么
  7. Centos7环境启动docker报polkit服务启动失败
  8. 竞争分析 - Competitor Analysis
  9. 华为ap3010DN-V2刷出胖AP并配置接入POE交换机实现上网
  10. Android PackageManager