<div class="radio">
<label>
<input onclick="document.getElementById('input_option_1').disabled = false; document.getElementById('input_option_2').disabled = true; document.getElementById('input_option_3').disabled = true;" type="radio" name="type" value='annual' checked="checked"> Option 1
</label>
</div>
<input type="number" id="input_option_1">
<br><br>
<div class="radio">
<label>
<input onclick="document.getElementById('input_option_1').disabled = true; document.getElementById('input_option_2').disabled = false; document.getElementById('input_option_3').disabled = true;" type="radio" name="type" value="by_date">Option 2
</label>
</div>
<input type="number" id="input_option_2" disabled>
<br><br>
<div class="radio">
<label>
<input onclick="document.getElementById('input_option_1').disabled = true; document.getElementById('input_option_2').disabled = true; document.getElementById('input_option_3').disabled = false;" type="radio" name="type" value="by_date">Option 3
</label>
</div>
<input type="number" id="input_option_3" disabled>
Also see: Tab Triggers