如何将"+"符号添加到 BigCartel 网站的数量输入中？

Question

我目前有一个数量输入，允许用户输入一个数字，但如果输入旁边有一个选项，让他们单击"+"号添加到数量上，我也希望它。我该怎么做？

喜欢这个网站数量选项：http://www.nastygal.com/clothes-tops-graphics/going-batty-muscle-tee

我的数量输入代码：

QTY:</b> {{ product | product_quantity_input }}

Answer 1

//initialize the input to 1
$(".quantity").val("1");
//when clicking the plus button, add one
$(".plus-btn").click(function(){
    //get the current value and convert it to an integer
    var currVal = parseInt($(".quantity").val(), 10);
    //set the incremented value 
    $(".quantity").val(currVal+1);
});
//when clicking the minus button, subtract one
$(".minus-btn").click(function(){
    //get the current value and convert it to an integer
    var currVal = parseInt($(".quantity").val(), 10);
    //set the decremented value if its not less than 1
    if(currVal > 1){
        $(".quantity").val(currVal-1);
    }
});

请参阅示例：http://jsfiddle.net/ES89t/