JSFiddle - React, Tailwind, and code Playground

HTML

<div class="plan-wrapper">
                        <label id="silver-plan">
                        <input class="planClass" type="radio" name="groupnine" value="699"/> Silver Plan</label>
                        <label id="silver-plan-price">$699</label>
                        <label id="gold-plan">
                            <input class="planClass" type="radio" name="groupnine" value="999"/> Gold Plan</label>
                        <label id="gold-plan-price">$999</label>
                        </div>


                  <div class="wrapper-b">
                        <span id="total">Total</span>
                        <output type="number" name="price" id="output"></output>
                        <!--<span id="total-price"></span>-->
                </div>

JavaScript

jQuery(document).ready(function(){
     

    $(document).on("click", ".planClass", function(e){
       
    if($(this).is(':checked')){
       
        $("#output").html($(this).val());
    }
   

    });  
    
});