Как я могу получить значение выбранной радиокнопки при загрузке страницы, а затем передать его в div, используя jquery?

Question

У меня 2 переключателя, одна из которых отмечена по умолчанию. Сначала я хочу получить значение по умолчанию для выбранного / проверенного переключателя и передать его в указанном c div. После этого мне нужно менять значение div каждый раз, когда переключаются / выбираются переключатели.

Ниже приведен мой код, но он не работает так, как следует, как $('input[name="price"]:selected').val(); return undefined Что я делаю не так?

Вот мой код:

function calculate(prc) {
$(".popup-total-price").text(prc.value + "€");
}


var pricepopup=$('input[name="price"]:selected').val();
$(".popup-total-price").html("<span></span>" + pricepopup + "€" );

.popup-item-size-title {
  display: inline-block;
}

.popup-total-price {
  color: red;
  margin-top: 20px;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<label class="popup-item-label ripple">
<input value="81.00" class="pp-rr" onclick="calculate(this);" type="radio" name="price" id="price" checked="checked">
<div class="popup-item-size-title">81.00€</div>                            					 </label>

<label class="popup-item-label ripple">
<input value="50.00" class="pp-rr" onclick="calculate(this);" type="radio" name="price" id="price">
<div class="popup-item-size-title">50.00€</div>                            					 </label>


<div class="popup-total-price"></div>

Answer 1

используйте «: проверено» вместо «: выбрано»

function calculate(prc) {
$(".popup-total-price").text(prc.value + "€");
}


var pricepopup=$('input[name="price"]:checked').val();
$(".popup-total-price").html("<span></span>" + pricepopup + "€" );

.popup-item-size-title {
  display: inline-block;
}

.popup-total-price {
  color: red;
  margin-top: 20px;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<label class="popup-item-label ripple">
<input value="81.00" class="pp-rr" onclick="calculate(this);" type="radio" name="price" id="price" checked="checked">
<div class="popup-item-size-title">81.00€</div>                            					 </label>

<label class="popup-item-label ripple">
<input value="50.00" class="pp-rr" onclick="calculate(this);" type="radio" name="price" id="price">
<div class="popup-item-size-title">50.00€</div>                            					 </label>


<div class="popup-total-price"></div>