在移动设备中增加或减少数量形式

Question

我正在尝试制作产品数量表。

可以通过触摸（点击）按钮来增加或减少数量形式......

但很难让jquery脚本给我...有人可以帮助我吗？

这是我的HTML代码

<span><input type="text" name="minus" class="minus"></span>
<span><input type="text" name="quantity" value="1" class="result"></span>
<span><input type="text" name="plus" class="plus"></span>

Answer 1

我假设您希望加号和减号选项是按钮而不是基于帖子的文本输入。在这种情况下，您的HTML应如下所示：

<span><input type="button" name="minus" class="minus"></span>
<span><input type="text" name="quantity" id="quantity" value="1" class="result"></span>
<span><input type="button" name="plus" class="plus"></span>

您的javascript将是：

$('[name="minus"]').click(function() {
  $('#quantity').val(parseInt($('#quantity').val()) - 1);
});
$('[name="plus"]').click(function() {
  $('#quantity').val(parseInt($('#quantity').val()) + 1);
});