订阅购物车结算功能代码
来源：网络收集 点击： 时间：2024-04-22打开DW 网页编辑器
2/5新建文档
3/5在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/5输入HTML代码：
BODY onLoad=init()
table cellpadding=5 cellspacing=5
tr
td价格/td
td数量/td
td金额/td
/tr
tr
tdinput type=text id=price1
元/td
tdinput type=text id=pnum1 value=10个/td
tdinput type=hidden id=psum1 readonly元/td
/tr
tr
tdinput type=text id=price2元
/td
tdinput type=text id=pnum2 value=10个/td
tdinput type=hidden id=psum2 readonly元/td
/tr
tr
tdinput type=text id=price3元/td
tdinput type=text id=pnum3 value=10个/td
tdinput type=hidden id=psum3 readonly元/td
/tr
tr
tdinput type=text id=price4元/td
tdinput type=text id=pnum4 value=10个/td
tdinput type=hidden id=psum4 readonly元/td
/tr
tr
tdinput type=text id=price5元/td
tdinput type=text id=pnum5 value=10个/td
tdinput type=hidden id=psum5 readonly元/td
/tr
tr
td/td
td style=text-align:right总计/td
tdinput type=text id=total readonly元/td
/tr
/table
/body
5/5最后保存，看效果，大功告成。
到此购物车结算功能完成。
注意事项javascript 的循环次数
购物版权声明：
1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。
2、本站仅提供信息发布平台，不承担相关法律责任。
3、若侵犯您的版权或隐私，请联系本站管理员删除。
4、文章链接：http://www.1haoku.cn/art_567971.html
