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" cellspa艘早祓胂cing="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、最后保存，看效果，大功告成。到此购物车结算功能完成。
