使用文本框从计算中获取价值？ Javascript答案

【问题标题】：Get value from calculate it by using textbox? Javascript使用文本框从计算中获取价值？ Javascript
【发布时间】：2014-11-29 11:38:54
【问题描述】：

早安，

我想计算 Textbox1 和 Textbox2 中的值以及 Textbox3 中的答案。所以首先我给出了三个文本框 Id 和 Name。 Textbox1 称为number1，Textbox2 称为number2，Textbox3 称为uitkomst。
然后，我用一个按钮说onclick激活，这个函数是在Javascript中，在Javascript中我说getValue()来自Textbox1和Textbox2，使用getElementID()并分别命名这些变量num1和num2，因为我只想乘法。我刚才说var answer = num1 * num2;。然后我用getElement()在Textbox3中打印出来。但是还是不行。

<script type="text/javascript" language="javascript">
function meten(){
   var num1 = document.getElementById("number1").value;
   var num2 = document.getElementById("number2").value;    
   var answer  = num1 * num2;
   document.getElementById("uitkomst").value = answer;
}    
</script>


L:<input name="number1" id="number1" pattern="[0-9.]+" type="number"  onkeypress='return event.charCode >= 48 && event.charCode <= 57' required /> *

 B:<input name="number2" name="number2" pattern="[0-9.]+" type="number"  onkeypress='return event.charCode >= 48 && event.charCode <= 57' required /> 
<br>
<input type="button"  value="bereken" onclick="meten()"/> 
<br>
Total: <input  name="uitkomst" id="uitkomst" value="" onFocus="blur()" />

【问题讨论】：

您是否收到任何错误或没有触发任何事件？尝试将警报放入 javascript 以检查其是否被正确调用和执行。
number2文本框没有id属性。

标签： javascript textbox multiplication

【解决方案1】：

问题是您没有为number2 设置id 属性，而是设置了两个name 属性，因此document.getElementById('number2') 失败。将其中一个更改为id

B:<input id="number2" name="number2" pattern="[0-9.]+" type="number"  onkeypress='return event.charCode >= 48 && event.charCode <= 57' required />

DEMO

【讨论】：