如题
我想实现在线报价的功能
首先是
面积是客户输入的,然后价钱是从数据库里while循环遍历出来的,然后后边有个总价,最后有个按钮计算全部价格要怎么实现啊? 开始的时候我实在是搞不清楚<input type='text'>如果是同名的怎么办呢?
我想实现在线报价的功能
首先是
面积是客户输入的,然后价钱是从数据库里while循环遍历出来的,然后后边有个总价,最后有个按钮计算全部价格要怎么实现啊? 开始的时候我实在是搞不清楚<input type='text'>如果是同名的怎么办呢?
<body>
<div class="menu">
<table id="tb1">
<tr>
<td>aaaaaaaaaaaaaa</td>
<td><input type="text" value="0"/>平方米</td>
<td><input type="text" value="89"/>元</td>
<td><input type="text"/></td>
</tr>
<tr>
<td>bbbbbbbbbbbbbbbbb</td>
<td><input type="text" value="0"/>平方米</td>
<td><input type="text" value="65"/>元</td>
<td><input type="text"/></td>
</tr>
<tr>
<td>cccccccccccccccc</td>
<td><input type="text" value="0"/>平方米</td>
<td><input type="text" value="62"/>元</td>
<td><input type="text"/></td>
</tr>
</table>
<div id="total"></div>
</body>
<script type="text/javascript">
var tb=document.getElementById("tb1");
for(var i=0;i<tb.rows.length;i++) {//如果有标题就从1开始
tb.rows[i].cells[1].getElementsByTagName("input")[0].onkeyup=function() {
var total=0;
for(var j=0;j<tb.rows.length;j++) {
var row=tb.rows[j];
var val1=row.cells[1].getElementsByTagName("input")[0].value-0;
var val2=row.cells[2].getElementsByTagName("input")[0].value-0;
if(!isNaN(val1) && ! isNaN(val2)) {
var v=val1*val2;
row.cells[3].getElementsByTagName("input")[0].value=v;
total+=v;
}
}
document.getElementById("total").innerHTML="总价:"+total.toFixed(2);
}
}</script>
</html>