How to make textbox active when selecting radio-button using jquery?

See more:

jQuery

C#5.0

HTML5

Hi Team

I have the following code in bootstrap with Html, it has radio-button and textbox. These two controls but must be both active, in order for Next button becomes active for next form. I am struggling to do this in jquery, can anyone showed me on my given code?

What I have tried:

<pre><div class="form-group row">
                                           <div class="col-sm-4">
                                               @Html.RadioButtonFor(m => m.CourseAdmin.EmailAddress, "EmailAddress")
                                               <label for="EmailAddress" class="col-form-label">EmailAddress</label>
                                           </div>
                                           <div class="col-sm-3">
                                               @Html.RadioButtonFor(m => m.CourseAdmin.LoginID, "LoginID")
                                               <label for="LoginID" class="col-form-label">LoginID</label>
                                           </div>

                                           <div class="col-sm-3">
                                               @Html.RadioButtonFor(m => m.CourseAdmin.SIS_ID, "SIS_ID")
                                               <label for="SIS_ID" class="col-form-label">SIS_ID</label>
                                           </div>

                                           <div class="col-sm-12">
                                               @Html.TextAreaFor(m => m.eNtsaAdmin.eNtsaTextAreaDisc, new { @class = "form-control", style = "font-size: medium; font-weight: bold; width:450px" })

                                           </div>

<div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                    <button type="button" class="btn btn-primary">Next</button>
                                </div>