Question

我是一个非常非常新的JavaScript新手，我正在尝试创建一个动态发票，我只需键入＆＃34; no。项目＆＃34; x＆＃34;项目成本＆＃34; =＆＃34;总计＆＃34;。目前，所有值都初始化为零。

这就是它。我现在正处于尝试将其与html集成的阶段，所以这里是一个示例代码（我从基于引导程序的表单中获取了html代码，我不是想要创造性，我只是...试图使形式互动）。

只需忽略下面的小计和总字段，当我到达那里时，我就会越过那座桥。非常感谢:)代码如下：

[link] http://codepen.io/ascdesignstudio/pen/JKvQoq

Answer 1

如果在keyup上设置价格和数量输入以运行函数来计算这两个输入字段的乘积，则可以将该值分配给第三个输入。

＆＃13;

var totalPrice = function() {
  // get the value of the price input
  var price = document.getElementById("inputPrice").value
  //get the value of the quantity input
  var quantity = document.getElementById("inputNoOfItems").value
  // assign the product of the above two inputs to the total
  document.getElementById("inputTotal").value = price * quantity
}

＆＃13;

<span>Item Name</span>
<!-- on keyup of both of these inputs, run a function to determine the total -->
<input type="text" id="inputNoOfItems" value="0" onkeyup="totalPrice()">
<input type="text" id="inputPrice" value="0" onkeyup="totalPrice()">
<input type="text" id="inputTotal" value="0">

＆＃13;

updated codepen

尝试使用JavaScript制作动态发票

1 个答案: