增加或减少手机中的数量表格

Question

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

它可以增加或通过触摸（敲击）按钮减少量的形式...

但它很难让jQuery脚本给我...谁能帮助我PLZ？

这里是我的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); 
});