Skip to main content
adicionou 2915 caracteres ao conteúdo
Fonte Link

Detalhe:

Seu script estava com erro pelo trecho:

Number($(this).find(".item span").html())

Caso tenha que somar e multiplicar separadamente as spans e textbox segue script e html:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

    <form action="#">
        <div class="media-body">
            <div class="menu-tittle">
            </div>
            <div class="quantity">

                <div class="pizza-add-sub">
                    <input type="text" class="qtdpedidos" value="0" />
                </div>

            </div>
            <div class="item" class="pizza-price">
                <span id="pizza" class="pizza">10.00</span>
            </div>
        </div>
        <div class="media-body">
            <div class="quantity">

                <div class="pizza-add-sub">
                    <input type="text" id="qtdpedidos" class="qtdpedidos" value="0" />
                </div>

            </div>
            <div class="item" class="pizza-price">
                <span id="Span1" class="pizza">10.00</span>
            </div>
        </div>
    </form>
    <p>Valor do Pedido: R$<span id="resultado" class="resultado">0.00</span></p>

Script:

 <script>
    $(document).ready(function () {

        $(".pizza-add-sub").append('<div class="plus qty-pizza">+</div><div class="mines qty-pizza">-</div>');
        $(".qty-pizza").on("click", function () {

            var $button = $(this);
            var oldValue = $button.parent().find("input").val();
            if ($button.text() == "+") {
                var newVal = parseFloat(oldValue) + 1;
            } else {
                // Don't allow decrementing below zero
                if (oldValue > 0) {
                    var newVal = parseFloat(oldValue) - 1;
                } else {
                    newVal = 0;
                }
            }
            $button.parent().find("input").val(newVal);
            /*var v1 = Number($('#item1 span').html());
            var v2 = Number(document.getElementById("qtdpedidos").value);*/
            $("#resultado").text((parseFloat($(this).closest(".media-body").find(".qtdpedidos").val()) * parseFloat($(this).closest(".media-body").find(".item span").html())).toString());
        });
    });
</script>

Detalhe:

Seu script estava com erro pelo trecho:

Number($(this).find(".item span").html())

Caso tenha que somar e multiplicar separadamente as spans e textbox segue script e html:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

    <form action="#">
        <div class="media-body">
            <div class="menu-tittle">
            </div>
            <div class="quantity">

                <div class="pizza-add-sub">
                    <input type="text" class="qtdpedidos" value="0" />
                </div>

            </div>
            <div class="item" class="pizza-price">
                <span id="pizza" class="pizza">10.00</span>
            </div>
        </div>
        <div class="media-body">
            <div class="quantity">

                <div class="pizza-add-sub">
                    <input type="text" id="qtdpedidos" class="qtdpedidos" value="0" />
                </div>

            </div>
            <div class="item" class="pizza-price">
                <span id="Span1" class="pizza">10.00</span>
            </div>
        </div>
    </form>
    <p>Valor do Pedido: R$<span id="resultado" class="resultado">0.00</span></p>

Script:

 <script>
    $(document).ready(function () {

        $(".pizza-add-sub").append('<div class="plus qty-pizza">+</div><div class="mines qty-pizza">-</div>');
        $(".qty-pizza").on("click", function () {

            var $button = $(this);
            var oldValue = $button.parent().find("input").val();
            if ($button.text() == "+") {
                var newVal = parseFloat(oldValue) + 1;
            } else {
                // Don't allow decrementing below zero
                if (oldValue > 0) {
                    var newVal = parseFloat(oldValue) - 1;
                } else {
                    newVal = 0;
                }
            }
            $button.parent().find("input").val(newVal);
            /*var v1 = Number($('#item1 span').html());
            var v2 = Number(document.getElementById("qtdpedidos").value);*/
            $("#resultado").text((parseFloat($(this).closest(".media-body").find(".qtdpedidos").val()) * parseFloat($(this).closest(".media-body").find(".item span").html())).toString());
        });
    });
</script>
Fonte Link

Você necessita da soma dos dois textbox multiplicados pela soma das duas spans é isso? caso sim segue o script abaixo:

 $(document).ready(function () {

            $(".pizza-add-sub").append('<div class="plus qty-pizza">+</div><div class="mines qty-pizza">-</div>');
            $(".qty-pizza").on("click", function () {

                var $button = $(this);
                var oldValue = $button.parent().find("input").val();
                if ($button.text() == "+") {
                    var newVal = parseFloat(oldValue) + 1;
                } else {
                    // Don't allow decrementing below zero
                    if (oldValue > 0) {
                        var newVal = parseFloat(oldValue) - 1;
                    } else {
                        newVal = 0;
                    }
                }
                $button.parent().find("input").val(newVal);
                /*var v1 = Number($('#item1 span').html());
                var v2 = Number(document.getElementById("qtdpedidos").value);*/
                var valorTotal = 0;
                var valoresMultiplicar = 0;
                $(".qtdpedidos").each(function () {
                    valorTotal += parseFloat($(this).val());
                })

                $(".item span").each(function () {
                    valoresMultiplicar += parseFloat($(this).html());
                })
                $("#resultado").text((valorTotal * valoresMultiplicar).toString());
            });
        });