在表格上实现计算
在表格上实现计算
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:VS
作者:吴业华
撰写时间:2019年6月15号
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
这篇我们来了解一下在表格中如何实现计算呢
打个比方 a*b=c
那么就是 在a表格输入a值
在b表格输入b值
在c表格获取a*b
那该怎么做呢
首先我做的例子是:
HTML部分如下 在td标签内包含input标签
td是表格 input是输入框 并且给它加上个id
方便我们找到它
在图中我们可以看到鼠标光标点击处 onkeyup这个事件 并给它绑定的方法为:
=“ffff()”
并且在两个地方都绑定上这个事件
第一个的地方是 id=”Amountt”
第二个的地方是 id=”Discount”
第一个是数量
第二个是折扣
id=”SellPricee”单价 id=”Moneyy”金额
在w3c中可以看到我给标签绑定的是 在键盘上释放按键时触发的事件
Js代码:
我在HTML部分设置了 俩次触发ffff这个方法的事件是因为
这样不仅输入单价和数量的时候可以计算出金额
而且在输入单价、数量和给他打个折再计算出金额