2013-04-15 96 views
-2

我想計算我的html表單值。Html報價計算 - javascript

我已經嘗試了下面的JavaScript計算,但它並沒有計算一個值到我的總字段('total1')。是否有可能是JavaScript的問題或我沒有正確引用表單?

<form action="" method="get" id="quote"> 

<table width="532" border="1" cellspacing="1" cellpadding="0.5"> 
    <tr> 
    <th width="109" scope="col"><div align="center">Date</div></th> 
    <th width="158" scope="col"><div align="center">Half day</div></th> 
    <th width="112"><div align="center">Full day</div></th> 
    <th width="134"><div align="center">Total for the day</div></th> 
    </tr> 
    <tr> 
    <td><div align="center"> 
     <input name="date1" type="text" size="15" /> 
    </div></td> 
    <td><div align="center"> 
     <input name="halfday1" type="text" size="15" maxlength="10" /> 
    </div></td> 
    <td><div align="center"> 
     <input name="fullday1" type="text" size="15" /> 
    </div></td> 
    <td><div align="center"> 
     <input name="total1" type="text" size="15" /> 
    </div></td> 
    </tr> 
    <tr> 
    <td><div align="center"> 
     <input name="date2" type="text" size="15" /> 
    </div></td> 
    <td><div align="center"> 
     <input name="halfday2" type="text" size="15" /> 
    </div></td> 
    <td><div align="center"> 
     <input name="fullday2" type="text" size="15" /> 
    </div></td> 
    <td><div align="center"> 
     <input name="total2" type="text" size="15" /> 
    </div></td> 
    </tr> 
    <tr> 
    <td><div align="center"> 
     <input name="date3" type="text" size="15" /> 
    </div></td> 
    <td><div align="center"> 
     <input name="halfday3" type="text" size="15" /> 
    </div></td> 
    <td><div align="center"> 
     <input name="fullday3" type="text" size="15" /> 
    </div></td> 
    <td><div align="center"> 
     <input name="total3" type="text" size="15" /> 
    </div></td> 

    </tr> 
    <tr> 
    <td><div align="center"></div></td> 
    <td><div align="center"></div></td> 
    <td><div align="center"></div></td> 
    <td><div align="center"></div></td> 
    </tr> 
</table> 

</form> 



     function doTotal(quote) { 
    var a = (form.halfday1.value != '') ? eval(form.halfday1.value) : 0; 
    var b = (form.fullday1.value != '') ? eval(form.fullday1.value) : 0; 


    form.total1.value = a + b + c + d + e; 
} 

http://jsfiddle.net/ZR5LD/

+0

你是不是叫你「doTotal」功能隨時隨地 –

+0

onclick財產增加了呼叫doTotal,如果你鍵入'form.Amount1'任何JavaScript代碼或'form.Amount2'驗證碼將在調用「doTotal」時執行。你明白這個問題嗎? – Sebas

+0

@Sebas - 我編輯了'form.Amount1'並將其更改爲'form.halfday1'謝謝 – user1426583

回答

1

http://jsfiddle.net/ZR5LD/2/

function doTotal(form) { 
    var a = (+form.halfday1.value); 
    var b = (+form.fullday1.value); 


    form.total1.value = a + b ; 
} 
document.getElementById("quote").onclick = function(){doTotal(this)}; 

我不知道是什麼C,d,g中,但沒有定義form,我假設你的意思形式"quote"。 也是我在形式

+0

非常感謝您的幫助。我的歉意,c,d,e不應該在那裏。謝謝。我感謝你的幫助:) – user1426583