Estoy teniendo un pequeño problema de calcular los precios de la Cantidad de jQuery. Esos son los cuadros de entrada que tengo.

Quantity: <input type="text" style="width: 50px;" name="quantity" id="quantity" class="txt" value="1" />

Price: <input type="text" style="width: 50px;" name="item_price" id="item_price" class="txt" value="2990" />

Total Price: <input type="text" style="width: 50px;" name="total_price" id="total_price" class="txt" value="" />
  • Ninguno. A menos que se explique lo que se quiere lograr. Debe ser basada a partir de la entrada de usuario? desde el valor codificado en los campos de entrada? En caso de que suceda cuando se carga la página? Sobre la marcha? …
InformationsquelleAutor Jack Johnson | 2012-10-04

2 Comentarios

  1. 4

    Estoy asumiendo que usted quiere que las fórmulas o cómo obtener los valores de los elementos de entrada:

    var quantity = $("#quantity").val();
    var iPrice = $("#item_price").val();
    
    var total = quantity * iPrice;
    
    $("#total_price").val(total); //sets the total price input to the quantity * price
    
    alert(total);

    Editar para Keyup:

    $('#quantity').keyup(function() {
       var quantity = $("#quantity").val();
       var iPrice = $("#item_price").val();
    
       var total = quantity * iPrice;
    
       $("#total_price").val(total); //sets the total price input to the quantity * price
    });
    • Esto funciona, pero no en vivo/keyup cuando puedo cambiar la cantidad, alguna idea ?
    • incluye un keyup ejemplo para cuando la cantidad se cambia. Espero que esto ayude.
    • Gracias, pero ahora el precio no aparecerá a menos de hacer un cambio en el campo de cantidad, cualquier solución rápida para que ?
    • el precio debe aparecer en la página de carga. Hora de salida: jsfiddle.net/WXyNw
    • si usted quería a cambio de vivir cuando el precio se ha cambiado usted necesita un controlador de eventos para manejar esto, también, puede copiar los keyup función que he creado para que usted y el cambio «#cantidad» a «#item_price»
  2. 2

    actualizado para mostrar el ejemplo completo en etiquetas de secuencia de comandos

    Si quieres la fórmula y cómo se puede «ver» el cambio:

    <script type="text/javascript">
        $(function() {  // In jQuery 1.6+ this is same as $(document).ready(function(){})
            $('#quantity, #item_price')  // jQuery CSS selector grabs elements with the ID's "quantity" & "item_price"
                .on('change', function(e) {  // jQuery 1.6+ replcement for .live (dynamically asigns event, see jQuery API)
                // in this case, our event is "change" which works on inputs and selects to let us know when a value is changed
                    // below i use inline if statements to assure the values i get are "Real"
                    var quan = $("#quantity").val() != "" ? parseFloat($("#quantity").val()) : 1,  // Get quantity value
                        pric = $("#item_price").val() != "" ? parseFloat($("#item_price").val()) : 0;  // Get price value
                    $('#total_price').val(pric*quan); //show total
                });
        });
    </script>
    • Así es como yo lo haría. Usted necesita agregar el de arriba en un <Script type="text/javascript"> justo por encima de su </body> sección.. en caso de que no sea evidente para OP
    • en realidad este uso de .on no es el reemplazo para vivir.. usted tiene que utilizar el delegar la versión que se $(staticparent).on('events','elements',function()

Dejar respuesta

Please enter your comment!
Please enter your name here