jquery - 每当我在 jQuery 中添加其他值时，如何每次刷新总值？

Question

var real_price = $('#price').text(); // getting values from total
var s1_price = $("input[name=s_sub_service]:checked").val(); // getting checked radio button value.
$('#price').text(parseInt(s1_price) + parseInt(string1)); // showing total value in price id.

我在这里添加不同的不同值并给出总值。问题是每当我将新值添加到总计中时，它也会给我旧值并添加到总计中。

Answer 1

这应该有效。

$("input").on("change keyup", function(e) {
  var checkboxVal = parseInt($("input[type='radio']:checked").val(), 10);
  var price = parseInt($("#price").val(), 10);
  if (isNaN(price)) {
    price = 0;
  }
  var finalPrice = price + checkboxVal;
  $("#out").html(finalPrice);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="group1" value="5" checked>5
<input type="radio" name="group1" value="10">10
<input type="radio" name="group1" value="15">15
<input type="radio" name="group1" value="20">20
<br/>
<input type="text" id="price">
<div id="out">
</div>