JSFiddle - React, Tailwind, and code Playground

HTML

<label><input type="radio" name="print" class="option" data-number="25.72" /> UPS Ground </label>
<br>
<label><input type="radio" name="print" class="option" data-number="80.90" /> UPS Express </label>
<br>
<label><input type="radio" name="print" class="option" data-number="112.93" /> UPS Overnight </label>

<br><br>
Shipping
$<span id="ship_total"></span>

<br>
Final Total
$<span id="new_total"></span>

JavaScript

$(document).ready(function() {
      $('label').click(function() {
         var total = 0;
         
          $('.option:checked').each(function() {
              total += Number($(this).data('number'));   
              total = total.toFixed(2);
          });
              $('#ship_total').text(total);
         
                  //php echos the subtotal
                 var sub_total = 550.25;

                 var ship_total = ($("#ship_total").text());

                var final_total = parseFloat(sub_total) + parseFloat(ship_total);
          
                final_total = final_total.toFixed(2);

        $('#new_total').text(final_total);
    });
    
    });