js实现购物车数量的自增与自减

简介:

曾祥展   素材:btn_down btn_up

 

<script type="text/JavaScript">
function qtyUpdate(kind){
    var f = document.form1;
    var c = f.qty.value;
    if(kind == "up"){
        c++;
    }else if(kind == "down"){
        if(c > 1) c--;
    }
    f.qty.value = c;
}
</script>

<FORM  name=form1 >
<TABLE border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD rowSpan=2><INPUT value=2 readOnly size=5 name=qty></TD>
<TD rowSpan=2 width=3></TD>
<TD><A href="javascript:qtyUpdate('up')"><IMG src="btn_up.gif" width=11 height=8></A></TD>
</TR>
<TR>
<TD align=right><A href="javascript:qtyUpdate('down')"><IMG src="btn_down.gif" width=11 height=8></A></TD>
</TR>
</TBODY>
</TABLE>

</FORM>


本文转自曾祥展博客园博客,原文链接:http://www.cnblogs.com/zengxiangzhan/archive/2010/02/25/1673329.html,如需转载请自行联系原作者


相关文章
|
27天前
|
JavaScript
当当网上书店购物车——JS源码
当当网上书店购物车——JS源码
13 0
|
3月前
|
JavaScript
|
5月前
|
缓存 JavaScript 前端开发
Vue.js入门模板语法[上] 及Vue.js实现购物车---详细讲解
Vue.js入门模板语法[上] 及Vue.js实现购物车---详细讲解
30 0
|
7月前
|
前端开发 JavaScript
HTML+CSS+JS仿京东购物车页面动态效果
HTML+CSS+JS仿京东购物车页面动态效果
93 0
|
27天前
|
JavaScript 前端开发
购物车的功能——JS源码
购物车的功能——JS源码
12 2
|
3月前
|
JavaScript 前端开发
js实现购物车效果
js实现购物车效果
22 0
|
3月前
|
存储 前端开发 JavaScript
使用JavaScript实现动态生成并管理购物车的深入解析
使用JavaScript实现动态生成并管理购物车的深入解析
|
3月前
|
存储 JavaScript 前端开发
JS清空购物车后再次添加商品添加不上
JS清空购物车后再次添加商品添加不上
|
3月前
|
JavaScript
JS购物车或表格中减号按钮无法响应的问题
JS购物车或表格中减号按钮无法响应的问题
|
8月前
|
JavaScript
JS实现简单的购物车
JS实现简单的购物车
65 0