JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-sm-12 text-center">
<label for="RespondentAccepted1" class="radio-inline">
<input type="radio" name="data[Respondent][accepted]" id="RespondentAccepted1" value="1" required="required"> Yes
</label>
<label for="RespondentAccepted0" class="radio-inline">
<input type="radio" name="data[Respondent][accepted]" id="RespondentAccepted0" value="0" required="required" checked="checked"> No
</label>
</div>

JavaScript

accepted = $('input[name*="accepted"]');

    accepted.change( function() {
        var input_accepted = $('input[name*="accepted"]:checked').val();
        console.log(input_accepted);
        if ( input_accepted  == '0' ) {
            $('#registerForm').collapse('hide');
        }
        else
        {
            $('#registerForm').collapse('show');
        }
    }).trigger('change');