每當我在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>