Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Boca

jquery-cloneya

Recommended Posts

Pessoal, estou utilizando o jquery-cloneya, esta funcionando corretamente para clonar, mas estou com uma duvida, pois estou com uma função e javascript para multiplicar quantidade com valor do produto, mas não faz a soma na linha clonada.

                        <div class="toclone" id="anim-clone">
                            <a class="clone">Clonar</a>
                            <a class="delete">Remover</a>

                            <label>
                                <div>Quantidade</div>
                                <input name="quantidade[]" id="quantidade-0" type="text"/>
                            </label>
                            <label>
                                <div>Valor Unitário</div>
                                <input name="valor_unitario[]" id="valor_unitario-0" type="text"/>
                            </label>
                            <label>
                                <div>Valor Total</div>
                                <input name="subtotal[]" id="subtotal-0"  type="text"/>
                            </label>
                        </div>

   var inputs = document.querySelectorAll("#anim-clone input");

    for (var i = inputs.length; i--; ) {
        attachBlurListener(inputs[i]);
    }

    function attachBlurListener(element) {
        element.addEventListener("keypress", function () {
            clearTimeout(this.delay);
            this.delay = setTimeout(function () {
                var parent = element.parentElement.parentElement;
                var quantity = parent.querySelector("input[name='quantidade[]']").value;
                var unitValue = parent.querySelector("input[name='valor_unitario[]']").value;
                var total = parent.querySelector("input[name='subtotal[]']");
                if (quantity && unitValue) {
                    total.value = (unitValue * quantity);
                }
            }, 100);
        });
    }


Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.