2012-06-17 48 views
0

以下在Jfiddle中工作 - 但是當我以原始形式使用它時,total_full和total_half字段是從其他字段自動計算的,因此沒有keyup或keydown事件?因此「total_full」和total_half字段更新時,「sub_total」字段不計算?在鍵盤上調用javascript事件

HTML

<td>Total Cost Full Day</td> 
<input type="text" name="total_full" id="total_full" /> 

<td>&nbsp;</td> 
    <td>&nbsp;</td> 

<td>Total Cost Half Day</td> 
<input type="text" name="total_half" id="total_half" /> 

<td>&nbsp;</td> 
    <td>&nbsp;</td> 

JAVASCRIPT

當用戶更新值
//Calculate Sub Total 


function calculateSubTotal() { 

    var SubTotal = +document.getElementById("total_full").value + +document.getElementById("total_half").value + +document.getElementById("add_on").value; 

    document.getElementById("sub_total").value = isNaN(SubTotal) ? 0 : SubTotal; 
} 


document.getElementById("add_on").onchange = calculateSubTotal; 
document.getElementById("add_on").onkeyup = calculateSubTotal; 
document.getElementById("total_full").onchange = calculateSubTotal; 
document.getElementById("total_full").onkeyup = calculateSubTotal; 
document.getElementById("total_half").onchange = calculateSubTotal; 
document.getElementById("total_half").onkeyup = calculateSubTotal; 
calculateSubTotal; 
document.getElementById("total_half").onchange = calculateSubTotal; 
document.getElementById("total_half").onkeyup = calculateSubTotal; 

http://jsfiddle.net/newbie123/ue62p/5/

+0

你在哪裏把JavaScript代碼放在你的文件中? –

+0

@FabrícioMatté在HTML底部的腳本標籤內 – user1426583

+0

它應該可以工作。檢查你的JS控制檯(IE/Chrome:F12; Firefox:Ctrl + Shift + K)並檢查控制檯是否有錯誤。 (打開控制檯,刷新頁面,在字段中輸入一些數字) –

回答

1

的onChange僅火災。如果您需要該功能,則必須將calculateSubTotal添加到更新total_full和total_half的事件中。