-1

このJSFiddleでわかるように、3 つのテキスト入力があります。

私が必要としているのは、最初の入力値を 0.04 倍し、2 番目の入力値を 0.04 倍し、3 番目の入力値を 0.08 倍し、それらをすべて加算してエコーする JavaScript 電卓です。また、3 つの入力の数量もエコーする必要があります。

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;
};
4

1 に答える 1

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

}

チェックを入れて、入力を整数またはこの関数で解析することができます。

于 2013-03-23T23:55:19.667 に答える