2011-01-08 22 views
0

フィールドに数字を入力するかプラスまたはマイナスボタンを押して合計を自動的に計算するページがあります。Javascript自動計算

<html> 
<head> 
<script language="text/javascript"> 
function Calc(className){ 
var elements = document.getElementsByClassName(className); 
var total = 0; 

for(var i = 0; i < elements.length; ++i){ 
total += parseFloat(elements[i].value); 
} 

document.form0.total.value = total; 
} 

function addone(field) { 
    field.value = Number(field.value) + 1; 
    Calc('add'); 
} 

function subtractone(field) { 
    field.value = Number(field.value) - 1; 
    Calc('add'); 
} 
</script> 

</head> 
<body> 
<form name="form0" id="form0"> 
1: <input type="text" name="box1" id="box1" class="add" value="0" onKeyUp="Calc('add')" onChange="updatesum()" onClick="this.focus();this.select();" /> 
<input type="button" value=" + " onclick="addone(box1);"> 
<input type="button" value=" - " onclick="subtractone(box1);"> 
<br /> 

2: <input type="text" name="box2" id="box2" class="add" value="0" onKeyUp="Calc('add')" onClick="this.focus();this.select();" /> 
<input type="button" value=" + " onclick="addone(box2);"> 
<input type="button" value=" - " onclick="subtractone(box2);"> 
<br /> 

3: <input type="text" name="box3" id="box3" class="add" value="0" onKeyUp="Calc('add')" onClick="this.focus();this.select();" /> 
<input type="button" value=" + " onclick="addone(box3);"> 
<input type="button" value=" - " onclick="subtractone(box3);"> 
<br /> 

<br /> 
Total: <input readonly style="border:0px; font-size:14; color:red;" id="total" name="total"> 
<br /> 
Totaly Divided by 25: <input readonly style="border:0px; font-size:14; color:red;" id="divided" name="divided"> 

</form> 
</body></html> 

私が権利を持っている:

私は、自動的にコードの分割部分の無いJavaScriptの値で作業コードをここでは25で合計を分割で合計した後、第2の入力を追加する必要があります詳細は私が完全にしようとしている数式は、コードの他の側面を破る。自動追加と自動分割を同時に行う方法を理解できません

答えて

1

一つの問題は、それがあるべきであるということである。

<script type="text/javascript"> 

ではなく<スクリプト言語= ...>。その修正を考えると、LukeHが提案した答えはうまくいくようだ。

+0

hehはそれを感謝します。それはそれを修正! –

0

Calc機能の最後にこのようなものは必要ありませんか?あなたが持っている

document.form0.total.value = total; 
document.form0.divided.value = total/25; 
+0

私は何をしようとしていたが、それはすべてを破る。 +ボタンと - ボタンは機能しなくなり、何も計算されません –