1、打开DW 网页编辑器
2、新建文档
3、在<head></head>之间输入javascript功能代码
代码如下：
<script type="text/javascript">
<!--
function $(id){
return document.getElementById(id);
}
function init(){
for(var i=1;i<=5;i++){
$("price"+i).onblur=function(){ // onblur 失去焦点时发生
stotal(i);
}
$("pnum"+i).onblur=function(){
stotal(i);
}
}
}
function stotal(c){
var total = 0;
for(var i=1;i<=5;i++){
x = parseInt(checkempty($("price"+i).value));
y = parseInt(checkempty($("pnum"+i).value))
$("psum"+i).value = checkempty(x * y);
total = total + parseInt($("psum"+i).value);
}
$("total").value = total;
}
function checkempty(c){
var patrn=/^\d*$/;
if (!patrn.exec(c)){
return "0";
}
return c;
}
-->
</script>
4、输入HTML代码：
<BODY onLoad="init()">
<table cellpadding="5" cellspacing="5">
<tr>
<td>价格</td>
<td>数量</td>
<td>金额</td>
</tr>
<tr>
<td><input type="text" id="price1">
元</td>
<td><input type="text" id="pnum1" value="10">个</td>
<td><input type="hidden" id="psum1" readonly>元</td>
</tr>
<tr>
<td><input type="text" id="price2">元
</td>
<td><input type="text" id="pnum2" value="10">个</td>
<td><input type="hidden" id="psum2" readonly>元</td>
</tr>
<tr>
<td><input type="text" id="price3">元</td>
<td><input type="text" id="pnum3" value="10">个</td>
<td><input type="hidden" id="psum3" readonly>元</td>
</tr>
<tr>
<td><input type="text" id="price4">元</td>
<td><input type="text" id="pnum4" value="10">个</td>
<td><input type="hidden" id="psum4" readonly>元</td>
</tr>
<tr>
<td><input type="text" id="price5">元</td>
<td><input type="text" id="pnum5" value="10">个</td>
<td><input type="hidden" id="psum5" readonly>元</td>
</tr>
<tr>
<td></td>
<td style="text-align:right">总计</td>
<td><input type="text" id="total" readonly>元</td>
</tr>
</table>
</body>
5、最后保存，看效果，大功告成。
到此购物车结算功能完成。
