JSFiddle - React, Tailwind, and code Playground

by Aashish Handa

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<select name='icp'>
    <option selected disabled>SELECT</option>
		<option>ET</option>
		<option>ED</option>
		<option>EM</option>
</select>
<label for="to_ho0">
  <input type="radio" name="to_ho" id="to_ho0" value="To" >
  TO
</label>
<label for="to_ho1">
  <input type="radio" name="to_ho" id="to_ho1" value="Ho" >
  HO
</label>
           		
<div class="To box">
	TO
</div>
<div class="Ho box">
  HO
</div>

CSS

.box{
  display: none;
}

JavaScript

document.getElementById("to_ho0").checked = false;
document.getElementById("to_ho1").checked = false;
$(document).ready(function(){
  $('input[type="radio"]').click(function(){
	  var inputValue = $(this).attr("value");
	  var targetBox = $("." + inputValue);
	  $(".box").not(targetBox).hide();
	  $(targetBox).show();
	});
});