Question

我正在尝试使用javascript执行一项任务，我有两个文本框，一个是总金额，第二个是折扣，我有总价值，例如100，当我在折扣文本框中插入折扣插入折扣必须从总金额中扣除，但是当我删除该折扣时，该值必须与我之前尝试过的值相同，但它会减去价值但是当它删除折扣时它不起作用请帮助。提前谢谢。

 $(".form-basic .grand-discount").on('keyup', function () {
     var gross= $('input[name="total_gross_amount"]').val();       
     var totalDiscount = $(this).val();
     if(totalDiscount != '')
     {
        var total=gross-totalDiscount;
     }
     else{
        var total=gross+totalDiscount;
      }
    $('input[name="total_gross_amount"]').val(total);
 });

Answer 1

$(".form-basic .grand-discount").on('keyup', function () {
  var gross= $('input[name="total_gross_amount"]').val();       
  var totalDiscount = $(this).val();

 if(totalDiscount.length>0) {
    var total=gross-totalDiscount;
 } else{
    var total=gross;
  }
    $('input[name="total_gross_amount"]').val(total);
 });

试试这个。

Answer 2

正如@Chris G在评论中提出的那样，我编辑了他的小提琴（只是一个例子，如何做到这一点，但由于提问者没有提供所有信息，这就是我们所做的）：

$(".form-basic input").on('input', function() {
  var gross = $('input[name="total_gross_amount"]').val();
  var totalDiscount = $('.grand-discount').val();
  var total = gross - totalDiscount;
  $('#total').html(total);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="form-basic">
<input type="number" class="total_gross_amount" name="total_gross_amount">
<input type="number" class="grand-discount" name="grand-discount">
</form>
<p>Total: <span id="total"></span></p>

Answer 3

我认为这可以解决你的问题，关键是要从输入事件中拿出粗略的东西：

$(document).ready(function(){

var gross= $('input[name="total_gross_amount"]').val();

$(".form-basic .grand-discount").on('keyup', function () {    

     var totalDiscount = $(this).val();

     if(totalDiscount != '')
     {
        var total=gross-totalDiscount;
     }
     else{
        var total=gross+totalDiscount;
      }
    $('input[name="total_gross_amount"]').val(total);
 });

});

这里的例子https://jsfiddle.net/wkj0jjvp/

如果您想更新总金额，您应该设置一个事件为毛重并放入折扣事件。

如何在keyup事件的javascript中添加和替换值？

3 个答案: