title: Show textbox based on the checkbox
body: <p>I have a question, I have 2 checkbox, and I want to show a textbox if a checkbox have value Y, My code:</p>
  
  <pre><code>&lt;label&gt;Admin:&lt;/label&gt;
                  &lt;div class="onoffswitch"&gt;
                      &lt;input type="checkbox" name="is_admin" class="onoffswitch-checkbox" value="Y" id="is_admin"&gt;
                      &lt;label class="onoffswitch-label" for="is_admin"&gt;
                          &lt;span class="onoffswitch-inner"&gt;&lt;/span&gt;
                          &lt;span class="onoffswitch-switch"&gt;&lt;/span&gt;
                      &lt;/label&gt;
                  &lt;/div&gt;
                  &lt;label&gt;Verificator:&lt;/label&gt;
                  &lt;div class="onoffswitch"&gt;
                      &lt;input type="checkbox" name="is_verificator" class="onoffswitch-checkbox" value="Y" id="is_verificator"&gt;
                      &lt;label class="onoffswitch-label" for="is_verificator"&gt;
                          &lt;span class="onoffswitch-inner"&gt;&lt;/span&gt;
                          &lt;span class="onoffswitch-switch"&gt;&lt;/span&gt;
                      &lt;/label&gt;
                  &lt;/div&gt;
                  &lt;input type="text" style="display:none;" placeholder="" id="if_checked"/&gt;&lt;br/&gt;
  </code></pre>
  
  <p>My jquery:</p>
  
  <pre><code>&lt;script&gt;
  $("input[name=is_verificator]").change(function(){
  
      if($(this).val() == "Y")
      {
          $("#if_checked").show();
      }else{
          $("#if_checked").hide();
      }
  });
  </code></pre>
  
  <p></p>