JSFiddle - React, Tailwind, and code Playground

HTML

<select id="addon" name="addon">
    <option id="123" value="123">Driver</option>
    <option id="423" value="423">Option2</option>
    <option id="523" value="523">Option3</option>
</select>

<form action="" id="radioButtons">
    <input type="radio" name="hours_rate" value="8">8th hour rate
    <input type="radio" name="hours_rate" value="16">16th hour rate
</form>

JavaScript

$('#radioButtons').hide();
$('#addon').bind('click', function(){
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
    if(valueSelected == '123'){
        
      $('#radioButtons').show();
        $("input[type='radio'][name='hours_rate']").click(function(){
      var selected = $("input[type='radio'][name='hours_rate']:checked").val();
          alert(selected);
        });

        
    }else{
       $('#radioButtons').hide();
    }
    
});