JSFiddle - React, Tailwind, and code Playground

by nobuts

HTML

<div>
<input type="radio" id="msex"value="male" name="sex"/> Male
<input type="radio" id="fsex" name="sex" value="female" /> Female    </div>

Father's Name<input type="text" id="fname" /><br />
Husband's Name<input type="text" id="hname" />

JavaScript

$(document).ready(function(){
 $("#msex").click(function(){

 $("#fname").attr("disabled",true);
  $("#hname").removeAttr("disabled");
 });
 $("#fsex").click(function(){

 $("#fname").removeAttr("disabled");
  $("#hname").attr("disabled",true);
 });
 });