Question

我有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;
};

Answer 1

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

将函数置于click并在该函数中获取输入标签的值，如此

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));

}

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

Javascript计算与乘法

1 个答案: