Javascript 在复选框类型中单击文本框后选择文本框

我正在使用twitter引导。 我想以两种方式关注文本框：

单击相应的复选框或

单击文本框

这两个案例不起作用

CSS:bootstrap-3.0.0

HTML:

选择1

如果您可以在此处添加jquery，它是：

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

和您的

HTML

：（添加了

id

属性）

选择1

---

更新的Fiddle:

为什么在

输入之后有一个
表单
？它和其他选项一样，在选择题回答中“如果有，请指定类型”，我仍然不明白。我看不到这里的全部情况，但就我而言，您只需要在页面上添加一个
表单
，包装所有
输入
，
按钮
，等等。除非这里有非常具体的场景。还有其他方法吗。就像复选框中的文本框一样？两者都是
输入
，因此不能将一个插入另一个。
$(document).ready(function(){
    $("#check_1").on("change",function(){
        if($(this).is(":checked"))
        {
            $("#text_1").focus();
        }
    });
});

<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>