title: how to disable dropdowns as default on radio button which checked first?
body: <p>I want capacity and supplier drop down disabled as default because radio button inside is checked. now i can only disable capacity and supplier drop down when click on radio button inside. can anyone help me?</p>
  
  <p>Thank you</p>
  
  <p><strong>Html code:-</strong></p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;div class="col-sm-8"&gt;
          &lt;div class="col-md-2"&gt;
              &lt;label&gt;
                  &lt;input type="radio" name="RA_type" value="I" checked/&gt;  Inside  
              &lt;/label&gt;
          &lt;/div&gt;          
          &lt;div class="col-md-2"&gt;
              &lt;label&gt;
                  &lt;input type="radio" name="RA_type" value="O" /&gt;  Outside  
              &lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group"&gt;
          &lt;label for="Serial_number" class="col-sm-2 control-label"&gt;Serial number&lt;/label&gt;       
          &lt;div class="col-sm-8"&gt;
              &lt;select id="generator_id_fk" name="generator_id_fk" class="form-control pull-right select2" &gt;
                  &lt;option value=""&gt;---- Please Select Serial number ---&lt;/option&gt;
                  &lt;option value="1"&gt;7888&lt;/option&gt;
                  &lt;option value="2"&gt;8444&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group"&gt;
          &lt;label for="Supplier_Capacity" class="col-sm-2 control-label"&gt;Supplier &amp; Capacity&lt;/label&gt;
  
          &lt;div class="col-sm-4"&gt;
              &lt;select id="supplier_id_fk"  name="supplier_id_fk" class="form-control pull-right select2"&gt;
                  &lt;option value=""&gt;--- Please Select Supplier ----&lt;/option&gt;
                  &lt;option value="1"&gt;Ram&lt;/option&gt;
                  &lt;option value="2"&gt;Ravi&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
  
          &lt;div class="col-sm-4"&gt;
              &lt;select id="capacity_id_fk" name="capacity_id_fk" class="form-control pull-right select2" &gt;
                  &lt;option value=""&gt;--- Please Select Capacity--- &lt;/option&gt;
                  &lt;option value="1"&gt;jayan&lt;/option&gt;
                  &lt;option value="2"&gt;kamal&lt;/option&gt;
              &lt;/select&gt;
         &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>Script:-</strong></p>
  
  <pre><code>$(document).ready(function () {
      $('input[value="I"]').on('ifClicked', function (event) {
          document.getElementById("supplier_id_fk").setAttribute('disabled', true);
          document.getElementById("capacity_id_fk").setAttribute('disabled', true);
          document.getElementById("generator_id_fk").removeAttribute('disabled')
      });
  
      $('input[value="O"]').on('ifClicked', function (event) {
          document.getElementById("generator_id_fk").setAttribute('disabled', true);
          document.getElementById("supplier_id_fk").removeAttribute('disabled');
          document.getElementById("capacity_id_fk").removeAttribute('disabled');
      });
  
  });
  </code></pre>