jquery - 如何将 "+"符号添加到 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/