Выберите текстовое поле, щелкнув по нему, в поле флажка

Question

Я использую twitter bootstrap. я хочу сосредоточиться текстовое поле двумя способами:

1. нажав на корреспондентский флажок или
2. нажав на текстовое поле

эти два случая не работают.

See this fiddle.

CSS: самозагрузки-3.0.0

HTML:

<div class='container'> 
    <div class="checkbox"> 
     <label> 
      <input type="checkbox" value="" />option1 
     </label> 
    </div> 
    <div class='checkbox'> 
     <label> 
      <input type="checkbox" value="" /> 
      <form role="form"> 
       <div class="row"> 
        <div class="col-xs-2"> 
         <input type="text" class="form-control" placeholder="Specify" /> 
        </div> 
       </div> 
      </form> 
     </label> 
    </div> 
</div> 

Answer 1

Если вы можете добавить JQuery здесь:

$(document).ready(function(){ 
    $("#check_1").on("change",function(){ 
     if($(this).is(":checked")) 
     { 
      $("#text_1").focus(); 
     } 
    }); 
}); 

И ваш HTML: (добавлен id атрибут)

<div class='container'> 
<div class="checkbox"> 
    <label> 
     <input type="checkbox" value="" />option1 
    </label> 
</div> 
<div class='checkbox'> 
    <label> 
     <input type="checkbox" value="" id="check_1" /> 
     <form role="form"> 
      <div class="row"> 
       <div class="col-xs-2"> 
        <input type="text" class="form-control" placeholder="Specify" id="text_1" /> 
       </div> 
      </div> 
     </form> 
    </label> 
</div> 
</div> 

Обновлено Fiddle:http://jsfiddle.net/Wr6tH/13/