javascript 如何在jQuery中使用$('. shipping').val()和$('#pay').text()计算值的总和?

5w9g7ksd  于 2023-05-21  发布在  Java
关注(0)|答案(1)|浏览(71)

如何计算$('.shipping').val(zona);$('#pay').text(total.toFixed(3));
然后将结果放入像下面脚本中的<span class='amount'></span>这样的span元素中

<script> 
$(document).ready(function() {
  $("select.area").change(function() {
    var zone = $(this).children("option:selected").val();
    var area = $(this).children("option:selected").text();
    $('.shipping').val(zone);
    $('.address').val(area);
  });
});

function updateTotalPrice() {
  var qty = parseInt($('#qty').val(), 10);
  var price = parseFloat($('#price').attr('value'));
  var total = qty * price;
  $('#pay').text(total.toFixed(3));
  $('#qty').text(total);
}

$(document).ready(function() {
  // set up event listeners 
  $('#plus-btn').click(function(event) {
    increaseCount(event, this);
  });
  $('#minus-btn').click(function(event) {
    decreaseCount(event, this);
  });
  $('#qty').change(function(event) {
    updateTotalPrice();
  });

  // update total price on page load 
  updateTotalPrice();
});

</script>
2ul0zpep

2ul0zpep1#

循环遍历所有select.area元素,计算它们的值的总和。

function updateTotalPrice() {
  var qty = parseInt($('#qty').val(), 10);
  var price = parseFloat($('#price').attr('value'));
  let shipping = 0;
  $("select.area").each(function() {
    shipping += parseInt($(this).val());
  });
  var total = qty * price + shippting;
  $('#pay').text(total.toFixed(3));
}

相关问题