基于jquery数字加减输入框

所属分类:输入-丰富的输入

 45370  389  查看评论 (18)
分享到微信朋友圈
X
基于jquery数字加减输入框 ie兼容8

更新时间:2018/6/20 上午9:15:53

更新说明:修改 change事件监控:

$("#id").change(function() { // do });

更新时间:2017/6/22 下午5:41:39

更新说明:

本版本更新较大

1. 本插件基于jquery基础封装的轻量级插件,使用时只需导入num-alignment.js即可;

    必须手动初始化插件,初始化方法:

 alignmentFns.initialize();

    初始化之后需要js动态变化数据,需要先调用销毁方法alignmentFns.destroy();,数据变化完成之后再次调用初始化才可生效

2. 插件设置默认值:

{"step" : 0.1, "min" : 0, "max" : 99, "digit" : 1};

3. 可以自定义设置类型   -》 通过调用 alignmentFns.createType()方法。

    例:

alignmentFns.data.test = {"step" : 10, "min" : 10, "max" : 999, "digit" : 0}

4. 引用自定义类型通过  input框中设置  user_data属性;

5. 如果认为插件数据设置不够合理可通过 data-stepdata-mindata-maxdata-digit四个属性设置步长、最小值、最大值、小数位数

    ☆:注意属性值将会覆盖类型值;

6. 插件默认设置readonly,如果你想设置为编辑,可通过属性 data-edit="true"设置;

7. 插件为自动装载,但是必须设置 user_data,data-step,data-min,data-max,data-digit,属性中的一个或者引用alignment css类;

8. 插件宽度通过计算所得,只能通过设置长度来调整,宽度设定将被忽略;

9. 一个页面多个插件时必须设置每个元素id

作者信息:wagk(一个java小白) QQ:773279595

相关插件-丰富的输入

移动端canvas实现涂鸦效果

实现涂鸦基本功能、更改笔触大小颜色、更改背景图、橡皮檫、历史记录、清屏和保存功能。
  丰富的输入
 25125  335

jQuery答题测试(原创)

点击左右键,左右滑动可切换题目,已答题数目和总题目数,交卷
  丰富的输入
 36880  365

jQuery模态窗 留言板(原创)

窗口可拖动,留言可以添加删除
  丰富的输入
 32848  346

jQuery移动端车牌号码输入

jQuery移动端车牌号码输入支持新熊源车号
  丰富的输入
 18376  208

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

    怜梦 0
    2021/11/21 15:16:25
    ?Belief 0
    2020/7/22 16:24:10
    为什么ajax渲染后的输入框是没有加减了 回复
    夏雪冬花 0
    2020/4/9 18:52:22
    怎么让输入框居中?我设置后一直是靠左显示 回复
    korb 1
    2020/4/9 17:51:24
    “alignmentFns.destroy(); 这个我用了之后发现ele元素都获取不到了”
    我的办法是 加一个随机数连到ID哪里 然后重新初始化就行了。
        korb0
        2020/4/9 18:00:02
        可以了。 这个无效。 用文档里面的 注销。
    回复
    korb 0
    2019/12/6 15:44:22
    自定义类型好像没用 alignmentFns.createType 回复
    korb 0
    2019/12/6 15:43:34
    为什么下载的示例里面 test 更改后没有效果 回复
    青霞4221 0
    2019/2/28 14:28:30
    设置哪个属性让插件变成不可编辑,+-也不能改变值呢? 回复
    水若寒 0
    2019/1/31 15:56:36
    当可输入值的时候 最大值的功能不好使了 回复
    水若寒 0
    2019/1/31 14:20:11
    不能快点 一下是一下的才好使 回复
    二重积分 0
    2018/12/8 16:13:02
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复