jsp 页面文本框值累加

Question

<table>
<tr>
<td>编号</td>
<td><input type="text" name="price1"></td>
</tr>
<tr>
<td>编号</td>
<td><input type="text" name="price2"></td>
</tr>
<tr>
<td>编号</td>
<td><input type="text" name="price3"></td>
</tr>
<tr>
<td>编号</td>
<td><input type="text" name="price4"></td>
</tr>
<tr>
<td>总金额</td>
<td>
一共是<input type="text" name="count">元
</td>
</tr>
</table>jsp文本框中的金额分别是:price1,price2,price3,price4。请教在txt文本框填数值，然后动态把金额的值累加，显示到当前页面的count文本框中.(txt文本框内填值，不分先后)请教各位，万分感谢。

Answer 1

写js吧 给每个text添加onblur 事件 通过document.getElementId("").value()获得文本值，相加在赋值就行了

Answer 2

<script language="javascript" type="text/javascript"> 
function sum(){
var result = 0;
var i=0;
for (i=1; i<=4; i++){
var price = document.getElementsByName('price'+i)[0].value;
if(!(isNaN(price)||price=="")) result += parseFloat(price);
}
document.getElementsByName('count')[0].value = result;
} 
</script>
<table>
            <tr>
                <td>编号</td>
                <td><input type="text" name="price1" onblur="sum();"></td>
            </tr>
            <tr>
                <td>编号</td>
                <td><input type="text" name="price2" onblur="sum();"></td>
            </tr>
            <tr>
                <td>编号</td>
                <td><input type="text" name="price3" onblur="sum();"></td>
            </tr>
            <tr>
                <td>编号</td>
                <td><input type="text" name="price4" onblur="sum();"></td>
            </tr>
            <tr>
                <td>总金额</td>
                <td>
                    一共是<input type="text" name="count">元
                </td>
            </tr>
        </table>

Answer 3

用javascript 给每个text添加onblur 事件 通过document.getElementId("").value()获得文本值，相加在赋值就行了