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

来源:互联网 发布:js聚合物复合防水涂料 编辑:程序博客网 时间:2024/05/16 11:13


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

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

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

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

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

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


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


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

 


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

演示地址:

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

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

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

 

原创粉丝点击