共享一个小技巧。文本框增减数字的方法。


今天老板突发奇想,要在一个做好的购物车里面加一个小功能。

原来呢在购物车里面,产品数量只是一个文本框,修改完数量之后,需要再点击一次旁边的“更新”按钮。

老板嫌这样太麻烦了,于是提出了以下几点要求:

1、文本框旁边加两个按钮,点第一个数量加一,点第二个数量减一。

2、点一下增加一个,太慢了,如果要买一百个,岂不是要累死,要求在按住按钮不放的情况下数字可以连续增加(减少)。

3、当鼠标里看按钮后要自动提交表单,就是要记住新的产品数量。


晕。看来都要用js来实现。


经过一下午不懈的努力,终于都一一解决了。自我感觉良好,不敢独享,特拿出来与大家分享

 


另外说明一下,购物车是是由Repeater控件实现的。

演示地址:

http://www.1.1630000.com/product.aspx?id=50 (电信)

http://www.2.1630000.com/product.aspx?id=50 (网通)

点击右面的“我要订购”的图片就可以看到了。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值