I have a bootsrap modal form.In that if i click on the radio button,'For All Subjects','Subject' textbox should be in disabled state.Similarly,if I click on radio button 'Specific Subject', 'Subject' textbox should be enabled.

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container" id="adminContent">
      <div class="row">
       <div class="col s12 m12 l12" style="float: right">
        <button type="button" class="btn  btn-lg"
         data-toggle="modal" data-target="#addMasterData" >Add Master</button>
       </div>
      </div> </div>

     <div class="modal fade vertical-align-center" id="addMasterData"
      role="dialog" style="width: 500px"; role="dialog"
      data-backdrop="static" data-keyboard="false">

      <div class="modal-dialog ">
       <div class="modal-content ">
        <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
       <h4 class="modal-title">
          <b><font class="font">Add Master</font></b>
         </h4>

        </div>
        <form id="mastercreate" action="addConfig" method="post">

         <div class="modal-content ">

          <div class="modal-body "> 

         <div class="form-group">
          <label for="text">Subjects:</label> <label class="radio-inline">
           <input type="radio" name="roleSubjectRadio" id="forAllSubjects"
           value="Yes"  >For All Subjects
          </label> <label class="radio-inline"> <input type="radio"
           name="roleSubjectRadio" id="specificFlights"
         value="Specific"  checked>Specific Subject
          </label> <input type="hidden" class="form-control" id="specs" name="specs"
           value="">
         </div>
         <div class="form-group" id="subName">
            <label for="createorigin" class="form-control-label"><font >Subject
             Name:</font></label> <input type="text" class="form-control" id="subNo"
             name="subNo" >
           </div>
          <div class="modal-footer">
          <button type="button" class="btn btn-primary"
           onclick="addMaster()">Submit</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

         </div>
         </div>
        </form>
       </div>

      </div>
     </div>
```

Please suggest how to do it from javascript.