javascript - 输入计算

标签 javascript

我有几个表格如下所示:

<table id="table1">
<tr>
    <th>Item</th>
    <th>Price</th>
</tr>
<tr>
    <td>Item 1</a></td>
    <td><input type="text" name="sum1" id="sum1" /></td>
</tr>
<tr>
    <td>Item 2</a></td>
    <td><input type="text" name="sum2" id="sum2" /></td>
</tr>
<tr>
    <td>Item 3</td>
    <td><input type="text" name="sum3" id="sum3" /></td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>Total:</td>
    <td>$total </td>
</tr>
</table>



<table id="table2">
<tr>
    <th>Item</th>
    <th>Price</th>
</tr>
<tr>
    <td>Item 1</a></td>
    <td><input type="text" name="sum1" id="sum1" /></td>
</tr>
<tr>
    <td>Item 2</a></td>
    <td><input type="text" name="sum2" id="sum2" /></td>
</tr>
<tr>
    <td>Item 3</td>
    <td><input type="text" name="sum3" id="sum3" /></td>
</tr>
<tr>
    <td>Item 4</td>
    <td><input type="text" name="sum4" id="sum4" /></td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>Total:</td>
    <td>$total</td>
</tr>
</table>

有谁知道是否有可能对每个输入的商品价格求和(分别用于表 1、表 2 等) 最后打印所有项目的项目总和?

最佳答案

您将需要一个像 jQuery 或简单的 javascript 这样的 dom 操纵器。我会给这些字段一个类,让它更容易——比如,“求和”。然后您可以从父表中获取所有子“总和”。将它们的值解析为 int 并相加。还不错。

Here's a working JS fiddle example

关于javascript - 输入计算,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10572394/

相关文章:

javascript - Mozilla Firefox 附加组件 Android - 页面操作不工作

javascript - React-Native:Modal 中的 Flatlist 无法滚动

javascript - 鉴于 V8/spidermonkey/chakra 的内部工作原理,在 JavaScript 中显式初始化 undefined object 成员是否是一种优化?

javascript - 使用javascript从表中删除列

javascript - 为什么 serviceworker 会导致每第二个 jquery post 立即停止?

javascript - 手写 asm.js

javascript - 检测浏览器问题

javascript - 使用 jQuery 检测计时器变量的变化

javascript - NodeJS 中将字符串转换为对象

javascript - 如果我使用 appendChild() 或 jQuery.append(),动态加载 JavaScript 文件是不同的