当前位置:Gxlcms > JavaScript > 基于jQuery的SpinButton自定义文本框数值自增或自减_jquery

基于jQuery的SpinButton自定义文本框数值自增或自减_jquery

时间:2021-07-01 10:21:17 帮助过:10人阅读

有时候在设计表单时需要对文本框实现数值自增或自减功能,例如默认为1,点击向上按钮键则增加指定步长值,点击向下按钮键则减少指定步长值,使用jQuery插件jQuery Spin Button只需要几行代码就可实现该功能,效果如下图

使用说明
一,需要使用jQuery库文件和jQuery Spin Button库文件(目前版本1.1.1)

素材准备
上下按钮图片,默认路径为:/img/spin/,上下按钮图片命名为:spin-button.png,可进行自定义修改

实例代码
一,包含文件部分
代码如下: