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,如需转载请自行联系原作者


相关文章
|
JavaScript
当当网上书店购物车——JS源码
当当网上书店购物车——JS源码
|
缓存 JavaScript 前端开发
Vue.js入门模板语法[上] 及Vue.js实现购物车---详细讲解
Vue.js入门模板语法[上] 及Vue.js实现购物车---详细讲解
123 0
|
前端开发 JavaScript
HTML+CSS+JS仿京东购物车页面动态效果
HTML+CSS+JS仿京东购物车页面动态效果
352 0
|
JavaScript
JS实现简单的购物车
JS实现简单的购物车
248 0
|
JavaScript
js购物车
js购物车
|
JavaScript
js购物车功能
js购物车功能
91 0
|
设计模式 JSON JavaScript
Javascript实现购物车的详细代码
Javascript实现购物车的详细代码
479 3
|
缓存 JavaScript 前端开发
Vue.js 2 项目实战(五):水果购物车
Vue.js 2 项目实战(五):水果购物车
|
JavaScript 前端开发 算法
JavaScript 中前置自增与后置自增:区别、应用场景
【4月更文挑战第6天】JavaScript中的前置自增`++a`先增后用,返回新值,适合复合赋值和循环计数;后置自增`a++`先用后增,返回原值,适用于保留变量原值的操作。二者差异在于运算时机和返回值,选择时要考虑递增时机和表达式中使用的值。在复杂表达式中应避免混用,注重代码清晰度和一致性。理解这些差异能提高代码效率,避免逻辑错误。
850 1

热门文章

最新文章