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>