jquery - 移动端增加或减少数量形式

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);
});