JSFiddle - React, Tailwind, and code Playground
HTML
<input type="radio" id="r1" value="1" name="someRadioGroup" checked="true"/>R1
<input type="text" id="r1edit" value="Enter your name"/><br/>
<input type="radio" id="r2" value="2" name="someRadioGroup"/> R2<br/>
<input type="radio" id="r3" value="3" name="someRadioGroup"/> R3<br/>
<textarea id="log" style="width: 400px;" value=""></textarea>
JavaScript
$(document).ready(function () {
$("input[name=someRadioGroup]:radio").change(function () {
if ($("#r1").attr("checked")) {
$('#r1edit:input').removeAttr('disabled');
}
else {
$('#r1edit:input').attr('disabled', 'disabled');
}
$('#log').val($('#log').val()+ $(this).val() + '|');
})
});