<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/num-alignment.js"></script>
</head>
<body>
<!--
1.本插件基于jquery基础封装的轻量级插件,使用时只需导入num-alignment.js即可;
2.插件设置默认值:{"step" : 0.1, "min" : 0, "max" : 99, "digit" : 1};
3.可以自定义设置类型 ——》 通过设置 num-alignment.js中下方data中添加;
4.引用自定义类型通过 input框中设置 user_data属性;
5.如果认为插件数据设置不够合理可通过 data_step,data_min,data_max,data_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
-->
不可编辑:<input id="1" class="alignment" value="15.1"/>
可编辑:<input id="2" class="alignment" data_edit="true" value="15.1"/>
自定义类型:<input id="3" user_data="aaa" value="5"/>
默认类型设置最大值:<input id="4" data_max="11" value="10"/>
自定义数据:<input id="5" data_step="5" data_min="5" data_max="50" data_digit="0" value="10"/>
设置长度:<input id="6" style="width:100px;" class="alignment" value="15.1"/>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
1.本插件基于jquery基础封装的轻量级插件,使用时只需导入num-alignment.js即可; 2.插件设置默认值:{"step" : 0.1, "min" : 0, "max" : 99, "digit" : 1}; 3.可以自定义设置类型 ——》 通过设置 num-alignment.js中下方data中添加; 4.引用自定义类型通过 input框中设置 user_data属性; 5.如果认为插件数据设置不够合理可通过 data_step,data_min,data_max,data_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
资源推荐
资源详情
资源评论
收起资源包目录
基于jquery数字加减输入框.zip (3个子文件)
基于jquery数字加减输入框
index.html 2KB
js
jquery.min.js 77KB
num-alignment.js 3KB
共 3 条
- 1
资源评论
- dingtiankeji2018-12-20还是很好的就是不支持ie11
云声
- 粉丝: 0
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功