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

【问题标题】：increase or decrease quantity form in mobile移动端增加或减少数量形式
【发布时间】：2013-05-30 04:13:16
【问题描述】：

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

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

但是很难为我制作 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>

【问题讨论】：

我只是写了一个小代码来处理这个特性。可以参考stackoverflow.com/a/16827830/1378146

标签： jquery

【解决方案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);
});

【讨论】：