乘法的Javascript计算答案

【问题标题】：Javascript calculation with multiplying乘法的Javascript计算
【发布时间】：2013-03-13 15:59:05
【问题描述】：

我有 3 个文本输入，正如您在 JSFiddle 中看到的那样

我需要一个 JavaScript 计算器，它将第一个输入值乘以 0.04，第二个输入乘以 0.04，第三个输入乘以 0.08，然后将它们加在一起并回显。它还应该回显三个输入的数量。

HTML：

<form method="post" name="vaartus">
  <div>1<input type="checkbox" id="v1" /></div>
  <div><input type="text" name="v1_v" id="v1_v" disabled="disabled" /></div>
  <div>2<input type="checkbox" id="v2" /></div>
  <div><input type="text" name="v2_v" id= "v2_v" disabled="disabled" /></div>
  <div>3<input type="checkbox" id="v3" /></div>
  <div><input type="text" name="v3_v" id="v3_v" disabled="disabled" /></div>
  <div><input type="submit" name="arvuta" value="Arvuta" /></div>
</form>

JavaScript：

document.getElementById('v1').onchange = function() {
  document.getElementById('v1_v').disabled = this.unchecked;
};
document.getElementById('v2').onchange = function() {
  document.getElementById('v2_v').disabled = this.unchecked;
};
document.getElementById('v3').onchange = function() {
  document.getElementById('v3_v').disabled = this.unchecked;
};

【问题讨论】：

见，InputElement.value，parseFloat，*，+ 和 alert。

标签： javascript html calculator calc

【解决方案1】：

<div><input type="submit" name="arvuta" value="Arvuta" onclick="multi()" /></div>

点击函数并在该函数中获取输入标签的值，如下所示

function multi(){
var val1 = document.getElementById('v1_v').value;
var val2 = document.getElementById('v2_v').value;
var val3 = document.getElementById('v3_v').value;
alert((val1*.04) +(val2*.04) + (val3*.08));

}

您可以将检查和解析输入为整数或此函数中的任何内容。

【讨论】：