共享一个小技巧。文本框增减数字的方法。
来源:互联网 发布: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 (网通)
点击右面的“我要订购”的图片就可以看到了。
- 共享一个小技巧。文本框增减数字的方法。
- 介绍一个共享DLL的小技巧
- 格式化数字字符串输出的一个小技巧
- 文本框只能输入数字的方法
- 文本框限制只输入数字的方法
- 输入框中数字的增减实现
- 的一个小技巧
- 只允许输入数字的一个小方法
- PPT插入文本框的方法技巧
- Ext4的decode与encode方法的一个小技巧
- 一个只能输入数字和小数点的文本框
- 利用JFormattedTextField创建一个只能输入数字的文本框
- 一个数字文本框控件,我觉得思路蛮不错的
- 在文本框中输入一个大于零的数字
- 编程小技巧共享
- 一个.net的小技巧
- JbossIDE的一个小技巧
- printf的一个小技巧
- 大学生的梦想
- GB2312-80区位编码表
- 博客开张!
- 搜索引擎技术:系统架构之三
- 搜索引擎技术:排序技术之一
- 共享一个小技巧。文本框增减数字的方法。
- 搜索引擎技术:中文分词之二
- 中文分词和搜索引擎
- 低功耗设计
- 谈低功耗设计
- 使用.net行云流水般的图像处理,加上版权信息.....
- 网站的验证码有什么作用?
- ddd
- Apache中预创建Preforking MPM 机制剖析(2)