用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程序设计有所帮助。