<!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>
基于jquery的轻量级jquery数字加减输入框 支持ie8
5星 · 超过95%的资源 需积分: 9 56 浏览量
2016-12-09
15:07:39
上传
评论
收藏 29KB ZIP 举报 
基于jquery数字加减输入框.zip （3个子文件） 
基于jquery数字加减输入框 
index.html 2KB js 
jquery.min.js 77KB num-alignment.js 3KB资源评论
dingtiankeji2018-12-20还是很好的就是不支持ie11
