87,901
社区成员
发帖
与我相关
我的任务
分享
<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>