jQuery演示三种不同的数字加减插件

演示一：仿京东加减：

<input type="text" class="spinner"/>

$('.spinner').spinner();

演示二：Bootstrap风格，右侧加减

<div class="input-group spinner" data-trigger="spinner" id="spinner"> 
    <input type="text" class="form-control" value="1" data-max="10" data-min="1" data-step="1"> 
    <div class="input-group-addon"> 
        <a href="javascript:;" class="spin-up" data-spin="up"><i class="icon-sort-up"></i></a> 
        <a href="javascript:;" class="spin-down" data-spin="down"><i class="icon-sort-down"></i></a> 
    </div> 
</div>

jQuery ui风格，右侧加减

<input type="text" id="spinner"/>

$("#spinner").spinner({ 
    max:12, 
    min:0, 
    step:3 
})