用jQuery实现输入数值增量与约简的方法
本文阐述了用jQuery实现输入数值增量与约简的方法,供大家参考,具体分析如下:在许多的电子商务网站,当货物的数量是在购物车页面,它将提供一个+按钮和按钮增加1和减少1,并且只允许输入值输入。引导touchspin插件是这个要求写的。(引导touchspin插件,点击这里下载本站。)
首先,引入必要的CSS和js文件。
复制代码代码如下所示:
1。控制数值精度和自增量自复位
复制代码代码如下所示:
$(函数(){())
$(输入{名称= 'demo1})。TouchSpin({
最小值:0,
马克斯:100,
0.1步骤:递增或递减
2 / /小数,精度:
boostat:5,
Maxboostedstep:10,
后缀:% / /后缀
});
});
点击+按钮增加了0.1。
点击数字按钮减去0.1
保持小数点后2位
最小允许值0
最大允许值100
只允许输入值,否则焦点丢失显示最小值为0。
两。它只是一个从1开始的整数,这也是购物车页面的常见做法。
复制代码代码如下所示:
$(函数(){())
$(输入{名称= 'demo2})。TouchSpin({
最小值:1,
马克斯:100,
步骤:1 增量或减少
});
});
点击+按钮增加了1。
点击数字按钮减去1
最小允许值1
最大允许值100
只允许输入值,否则焦点丢失显示最小值为1。
至于其他用途,感兴趣的朋友可以参考相关文件。
希望本文能对大家的jQuery程序设计有所帮助。