javascript - チェックボックスタイプでクリックした後にテキストボックスを選択

Question

Twitterのブートストラップを使用しています。私は2つの方法でテキストボックスにフォーカスしたい:

1. 対応するチェックボックスをクリックするか、
2. テキストボックスをクリック

これら 2 つのケースは機能しません。

このフィドルを参照してください。

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>

更新されたフィドル: http://jsfiddle.net/Wr6tH/13/