Question

我正在建立一个发票系统，其中从数据库中检索项目名称和价格。价格取决于商品名称。

现在我必须这样做。

Price: <Input type="text" id="price" name="price" />
Qty : <Input type="text" id="qty" name="qty" />
Tax : <Input type="text" id="tax" name="tax" />
Discount : <Input type="text" id="disc" name="disc" />
Total : <Input type="text" id="total" name="total"  value=" echo $total;"/>

我想自动填充总输入字段而不使用以下公式重新加载

<?Php 
$total = $price * $qty + $tax - $disc;
?>

Answer 1

需要在你的html和一些jquery脚本中分配类，

func barButtonClickAction() {
    print("Button click...")
}

Answer 2

应该是，

  $( document ).ready(function() {
    $('input.amount').keyup(function(){   
    var price = $("#price").val();
    var qty = $("#qty").val();
    var tax = $("#tax").val();
    var disc = $("#disc").val();
    var total = $("#total").val();
      var total = (parseFloat(price) * parseFloat(qty)) + (parseFloat(tax) - parseFloat(disc));
    $("#total").val(parseFloat(total));
   });
});

Answer 3

Price: <Input type="text" class="changing" id="price" name="price" />
Qty : <Input type="text" class="changing" id="qty" name="qty" />
Tax : <Input type="text" class="changing" id="tax" name="tax" />
Discount : <Input type="text" class="changing" id="disc" name="disc" />

$('input[class^=changing]').on('change', function() {
var total = $('#price').val() * $('#qty').val() + $('#tax').val() - $('#disc').val();
$('#total').val(total);

});

您可以使用Jquery监视价格，数量，税金和折扣等字段的变化，并在每次更改时更改总价值

Answer 4

您可以使用jquery进行数学计算，但是您需要ajax来加载数据库中的数据。

一旦您加载了特定产品的所有数据，就可以使用下面的jquery代码

<script>
    $("#qty, #disc").change(function(){
        $("#total").val( $("#price").val() * $("#qty").val() + $("#tax").val() - $("#disc").val() )
    });
</script>

Answer 5

或者您可以在https://dstreet.github.io/dependsOn/

使用名为DependsOn的jQuery插件

它可能是在发布此问题的大约同一时间出现的。但这确实以干净的方式完成了工作。它不是唯一的这样做的库。

如何实现依赖输入字段Jquery？

5 个答案: