JSFiddle - React, Tailwind, and code Playground

by Web Carvers

HTML

<h2>Configuration</h2>

<div>
    <input type="radio" id="gtmanual" name="car" value="277790.00" checked="checked">
    <label for="gtmanual">GT Manual - &euro; 27,7790.00</label>
    <br>
    <input type="radio" id="gtauto" name="car" value="28,500.00">
    <label for="gtauto">GT Automatic - &euro; 28,500.00</label>
    <br>
    <input type="radio" id="gtsmanual" name="car" value="32,450.00">
    <label for="gtsmanual">GT-S Manual - &euro; 32,450.00</label>
    <br>
    <input type="radio" id="gtmanual" name="car" value="33,155.00">
    <label for="gtsauto">GT-S Auto - &euro; 33,155.00</label>
    <br>
    <div class="col-sm-4">
        <input type="text" id="total" disabled>
    </div>
</div>

JavaScript

$("#total").attr("value", $("input:radio[name='car']:checked").val());
$("input").on('click', function(){
$("#total").attr("value", $("input:radio[name='car']:checked").val());
});