JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<input type="radio" id="aa" name="candidates">1 <br>
<input type="radio" id="bb" name="candidates">2<br>
</form>
<textarea rows="2" id="candidateTextArea" style="width: 100%;">adadsajsd</textarea>
JavaScript
$("#aa").change(function() {
console.log("change in aa");
$("#candidateTextArea").attr("disabled", "disabled");
}
);
$("#bb").change(function() {
console.log("change in bb");
$("#candidateTextArea").attr("disabled", false);
}
);