javascript帮助使用html和计算器

Question

有人可以帮助我得到低于股票价格的总价？使用onclick，一旦有人投入了他们想购买的股票的数量，我该如何去获得所有3种股票的总价格？

<tr> 
     <td><b> SHARE PRICE</b></td> 
     <td>$43.93</td> 
     <td>$43.87</td> 
     <td>$26.33</td> 
    </tr> 
</table> 
<hr> 
<br> 
<p> 
<h3>Important information that you should know about these stocks: </h3> 
<ul> 
    <li>0.1% of the trade value if the total trade value is less than $10,000</li> 
    <li>0.08% of the trade value if the total trade value is greater than or equal to $10,000</li> 
    <li>The minimum commission is $5</li> 
    <hr> 
    <br> 
</ul> 

<form name="calculator"> 

<p> Enter the number of Oracle Corporation stocks you wish to purchase!: <input type="text" id="input1"></p> <br> 
<p> Enter the number of Microsoft Corporation stocks you wish to purchase!: <input type="text" id="input2"></p> <br> 
<p> Enter the number of Symantec Corporation stocks you wish to purchase!: <input type="text" id="input3"></p> <br 

Answer 1

---

我建议某处存储的价格信息为数值，就像隐藏输入字段或表格单元格data-属性，并可以与输入的关联这些元素创建标识股票购买。那么这只是一个简单的数学问题。以下是使用隐藏输入的示例：

<table> 
    <tr> 
     <td><b> SHARE PRICE</b></td> 
     <td>$43.93</td> 
     <td>$43.87</td> 
     <td>$26.33</td> 
    </tr> 
</table> 
<h3>Important information that you should know about these stocks: </h3> 
<ul> 
    <li>0.1% of the trade value if the total trade value is less than $10,000</li> 
    <li>0.08% of the trade value if the total trade value is greater than or equal to $10,000</li> 
    <li>The minimum commission is $5</li> 
</ul> 

<form name="calculator"> 
    <input type="hidden" id="price1" value="43.93" /> 
    <input type="hidden" id="price2" value="43.87" /> 
    <input type="hidden" id="price3" value="26.33" /> 
    <p> Enter the number of Oracle Corporation stocks you wish to purchase!: <input type="text" id="input1"></p> <br> 
    <p> Enter the number of Microsoft Corporation stocks you wish to purchase!: <input type="text" id="input2"></p> <br> 
    <p> Enter the number of Symantec Corporation stocks you wish to purchase!: <input type="text" id="input3"></p> <br> 
    <input type="button" value="Add!" onclick="javascript:sumUp()" /> 
</form> 

<script type="text/javascript"> 
    function sumUp() { 
     var total = (document.getElementById("price1").value * document.getElementById("input1").value) + (document.getElementById("price2").value * document.getElementById("input2").value) + (document.getElementById("price3").value * document.getElementById("input3").value) 
     alert("Your total is: $" + total); 
    } 
</script> 

下面是将总数放入文本框的代码。这将在您的表单的结尾，并从第一个示例中替换<script>块。

<p>Your total is: $<input type="text" id="total" /></p> 

<script type="text/javascript"> 
    function sumUp() { 
     var total = (document.getElementById("price1").value * document.getElementById("input1").value) + (document.getElementById("price2").value * document.getElementById("input2").value) + (document.getElementById("price3").value * document.getElementById("input3").value) 
     document.getElementById("total").value = total; 
    } 
</script>