2

有没有可能用左边的减号按钮和右边的加号按钮输入数字？或者也许还有 -- ++ 以更大的步骤改变价值。

我知道我不是第一个提出这个问题的人，但是： 这个解决方案在第一回合没有正确显示，并且来自 Github 的 jQuery-Mobile-Stepper-Widget（不能发布另一个链接，因为我是新手）不起作用使用当前版本的 jQuery Mobile。

结果应该看起来像这个问题中的屏幕截图：有没有人实现 jQuery Mobile Add (+/-) Button Number Incrementers？分别在 jQuery Mobile 中的水平分组按钮

任何想法或新片段，使用当前版本的 jQuery 移动？

4

3 回答 3

5

这里是一个提示，剩下的就是纯粹的CSS工作和额外的JS代码来控制值，例如最大值、最小值……等等。

HTML

 <div data-role="controlgroup" data-type="horizontal" data-mini="true">
   <button id="plus" data-inline="true">+</button>
   <input type="text" id="number" value="0" disabled="disabled" />
   <button id="minus" data-inline="true">-</button>
 </div>

代码

$('#plus').unbind('click').bind('click', function () {
    var value = $('#number').val();
    value++;
    $('#number').val(value);
});

$('#minus').unbind('click').bind('click', function () {
    var value = $('#number').val();
    value--;
    $('#number').val(value);
});

JSFiddle

于 2013-03-23T23:11:03.037 回答
0

在 jQM 中，输入类型号可以发挥您想要的大部分魔力

<input type="number" name="number" value="0"/>

如果您需要更多花哨的样式，则必须遵循 Omar 的代码

于 2013-03-25T14:45:00.280 回答
0 
<i onclick="qty('plus');" class="fa fa-plus c_pointer"></i>
<input type="text" id="prdqty" name="qty" value="1" placeholder="1">
<i onclick="qty('minus');" class="fa fa-minus c_pointer"></i>
function qty(val){
pqty = $('#prdqty').val();
if (val == "plus") {
  var newVal = parseFloat(pqty) + 1;
} else {
if (pqty > 1) {
  var newVal = parseFloat(pqty) - 1;
} else {
  newVal = 1;
}
}
$('#prdqty').val(newVal);
}
于 2016-02-10T10:54:45.947 回答