首页 | 9182 | 668 | 334 | 添加收藏 上一个 下一个
jQuery数字输入框插件

修复一些输入时逻辑的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', //减少按钮
    });
})