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/