jQuery数字输入框插件

所属分类:输入-通用输入

 23843  283  查看评论 (7)
分享到微信朋友圈
X
jQuery数字输入框插件 ie兼容9

更新时间:2019-11-12 00:30:07

更新说明:修复一些输入时逻辑的bug,优化保留小数点的功能,增加了参数控制按钮每次变化的值使用方法还是老样子

$(".wrapper").numInput({
    width: 100,//宽度
      positive: true,//允许输入正数
      negative: false,//允许输入负数
      //faq:positive,negative不能同时false,同时false按同时为true处理
      floatCount: 2,//小数点后保留位数
      //命名空间,防止样式冲突
      wrapperClass: 'num-input-wrap',//最外层容器
        inputClass: 'num-input',//input输入框
        addClass: 'add',//增加按钮
        subtractClass: 'subtract',//减少按钮
        interval: 0.1//增加&减少按钮每次变化的值
});

使用方法简单,直接引用js文件,再用jQuery调用即可,初始可以传入参数对一些功能进行控制

$(function() {
    $(".wrapper").numInput({
        width: 200, //宽度
        positive: true, //允许输入正数
        negative: true, //允许输入负数
        //faq:positive,negative不能同时false,同时false按同时为true处理
        floatCount: 4, //小数点后保留位数
        //命名空间,防止样式冲突
        wrapperClass: 'num-input-wrap', //最外层容器
        inputClass: 'num-input', //input输入框
        addClass: 'add', //增加按钮
        subtractClass: 'subtract', //减少按钮
    });
})
相关插件-通用输入

js中文简体繁体切换

js中文简体繁体切换
  通用输入
 29205  289

js输入框四位分割加空格 光标位置正确

js输入框四位分割加空格 解决在空格位置点击输入光标错,或者删除时光标错位问题
  通用输入
 17779  274

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    傻傻爱着你 0
    2020/12/10 18:02:21
    QingYw 0
    2019/11/13 15:08:17
    能够像Input一样通过disable属性设置为不可更改吗?我试下来只能将输入框设为不可修改,但是两个按钮按上去还是会修改值
        傻傻爱着你1
        2020/12/12 17:16:09
        加判断吧,在源码上通过disabled去判断点击是不是执行加
    回复
    心中珍珠 0
    2019/7/18 10:32:54
    能限制输入范围吗 回复
    郭大洋 0
    2018/12/6 11:14:31
    请问你这样封装成div 该怎么传值 怎么赋予属性名传值 回复
    一叶 0
    2018/11/10 15:38:19
    同株洲呀。哈哈哈 回复
    qq1489348299 0
    2018/11/9 11:19:08
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复