单击加号或减号按钮时更新价格

Question

这里是 HTML 代码：（对不起，如果 div 没有正确显示并且没有像往常一样格式化）

HTML

<form action="http://mysite.local/standard_library/view_cart" method="post" accept-charset="utf-8">
    <div class="produse-wrapper">
        <div class="header-cos">
            <div class="nr_item">
                Nr.
            </div>
            <div class="product-wrapper">
                Produs cumparat
            </div>
            <div class="pret-unitar">
                Pret unitar
            </div>
            <div class="item-cantitate">
                Cantitate
            </div>
            <div class="pret-total">
                Pret total
            </div>
            <div class="remove-item">
            </div>
        </div>
        <div class="order-item">
            <input type="hidden" name="items[1][row_id]" value="9fc3d7152ba9336a670e36d0ed79bc43">
            <div class="nr_item">
                1                              
            </div>
            <div class="product-wrapper">
                <div class="img-wrapper">
                    <img src="/public/thumb-98-98/2009-01-16_product.jpg">
                </div>
                <a href="http://mysite.local/category/product_133.html">
                    <div class="item-name">
                        Izolatie seminee - placi speciale 3cm                                          
                    </div>
                </a>
            </div>
            <div class="pret-unitar">
                65.00Lei                               
            </div>
            <div class="item-cantitate">
                <div class="sp-quantity">
                    <a class="ddd" href="#" data-multi="-1">
                        <div class="sp-minus fff">-</div>
                    </a>
                    <div class="sp-input">
                        <input type="text" class="quntity-input" value="1">
                    </div>
                    <a class="ddd" href="#" data-multi="1">
                        <div class="sp-plus fff">+</div>
                    </a>
                </div>
            </div>
            <div class="pret-total">
                130.00Lei                              
            </div>
            <div class="remove-item">
                <a href="/delete-item/9fc3d7152ba9336a670e36d0ed79bc43" class="remove-btn">Sterge </a>
            </div>
        </div>
        <div class="footer-cos">
            <div class="nr_item">
            </div>
            <div class="product-wrapper">
                <div class="item-name">
                    Total
                </div>
            </div>
            <div class="pret-unitar">
            </div>
            <div class="item-cantitate">
            </div>
            <div class="pret-total">
                130.00Lei                          
            </div>
            <div class="remove-item">
            </div>
        </div>
    </div>
    <div class="cart-action">
        <a href="http://mysite.local/produse.html" class="cos-btn back-comanda">Continua cumparaturile</a>
        <input type="submit" name="checkout" value="Finalizeaza comanda" class="cos-btn finalizare-comanda">
    </div>
</form>

到目前为止我用 jquery 尝试了什么：

JQUERY

$(".ddd").on("click", function () {
    var $button = $(this);
    var $input = $button.closest('.sp-quantity').find("input.quntity-input");

    $input.val(function(i, value) {
        return +value + (1 * +$button.data('multi'));
        var unitar = parseInt($('.pret-unitar').val());
        var quantity = parseInt($('cantitate-input]').val());
        var total = parseInt(unitar * quantity);
    });
});

我希望在单击加号或减号按钮时更新价格。我还希望在我在输入中引入值时更新价格。 像这样http://jsfiddle.net/hReB3/2/

我是 jquery 的菜鸟，虽然可以搜索主题，但它帮不了我。 所以请怜悯并帮助我！ 提前致谢！

Answer 1

$("#plus").on("click", function() {
   var defaultValue = parseInt($("#price").text());
   var addedValue = parseInt($("#qty").val());
    if(isNumber(addedValue) && addedValue >0) {
        $("#price").html(
            defaultValue + addedValue
        );
    }
})

这是我的解决方案，请看演示http://jsfiddle.net/hReB3/20/

我建了两个按钮绑定查询，从#price中获取数字，加起来，替换原来的价格