在複選框中單擊它後選擇文本框類型

我正在使用twitter引導程序。我想集中文本框在兩個方面：在複選框中單擊它後選擇文本框類型

點擊相應的複選框或
點擊文本框

這兩種情況都沒有工作。

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>

來源

2013-11-14 Lonely

你爲什麼有'input'後'form'？ – melancia

它就像其他選項，「如果任何請指定類型」在多選答案 – Lonely

我仍然不明白它。我在這裏看不到所有的圖片，但就我而言，你只需要在頁面上有一個「表格」，包裹所有的「輸入」，「按鈕」等。除非這裏有一個非常具體的場景。 – melancia

，如果你可以在這裏添加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>

更新小提琴：http://jsfiddle.net/Wr6tH/13/

來源

2013-11-14 12:47:43 Saravanan

在複選框中單擊它後選擇文本框類型

回答

相關問題