2017-03-16 167 views
2

我創建了一個簡單的HTML5表單,代碼如下。 它可以在W10中的Chrome以及我的Android手機上的Chrome中成功運行。計算輸入字段的總和

autosum功能不適用於Safari中的iPad,也不適用於Chrome。

我錯過了什麼?

乾杯, 斯圖爾特

<form onsubmit="return false" oninput="tta.value = parseInt(r1ta.value)+parseInt(r2ta.value)+parseInt(r3ta.value)+parseInt(r4ta.value);ttb.value = parseInt(r1tb.value)+parseInt(r2tb.value)+parseInt(r3tb.value)+parseInt(r4tb.value);te.value = parseInt(r1e.value)+parseInt(r2e.value)+parseInt(r3e.value)+parseInt(r4e.value)"> 
<table style="height: 97px;" width="216"> 
<tbody> 
<tr> 
<td>RINK</td> 
<td>TEAM A</td> 
<td>TEAM B</td> 
<td>ENDS</td> 
</tr> 
<tr> 
<td>1</td> 
<td><input id="r1ta" name="r1ta" type="number" /></td> 
<td><input id="r1tb" name="r1tb" type="number" /></td> 
<td><input id="r1e" name="r1e" type="number" /></td> 
</tr> 
<tr> 
<td>2</td> 
<td><input id="r2ta" name="r2ta" type="number" /></td> 
<td><input id="r2tb" name="r2tb" type="number" /></td> 
<td><input id="r2e" name="r2e" type="number" /></td> 
</tr> 
<tr> 
<td>3</td> 
<td><input id="r3ta" name="r3ta" type="number" /></td> 
<td><input id="r3tb" name="r3tb" type="number" /></td> 
<td><input id="r3e" name="r3e" type="number" /></td> 
</tr> 
<tr> 
<td>4</td> 
<td><input id="r4ta" name="r4ta" type="number" /></td> 
<td><input id="r4tb" name="r4tb" type="number" /></td> 
<td><input id="r4e" name="r4e" type="number" /></td> 
</tr> 
<tr> 
<td>TOTAL</td> 
<td><output for="r1ta r2ta r3ta r4ta" name="tta"></output></td> 
<td><output for="r1tb r2tb r3tb r4tb" name="ttb"></output></td> 
<td><output for="r1e r2e r3e r4e" name="te"></output></td> 
</tr> 
</tbody> 
</table> 
</form> 

回答

0

因爲你字段的默認值不爲0,它爲空。所以它不能爲ins加1 + null。

+0

謝謝。我更新了它並在iPad上再次嘗試,但它不會自動填充。在Chrome和Safari中試過 –