41

ケース＃1では機能しますが、ケース＃2では機能しません。以下のコードを確認してください。

<div class="container">
    <div class="row">
        <h1>Radio Group #1</h1>
        <label class="radio-inline">
          <input name="radioGroup" id="radio1" value="option1" type="radio"> 1
        </label>
        <label class="radio-inline">
          <input name="radioGroup" id="radio2" value="option2" checked="checked" type="radio"> 2
        </label>
        <label class="radio-inline">
          <input name="radioGroup" id="radio3" value="option3" type="radio"> 3
        </label>
    </div>
    <div class="row">
        <h1>Radio Group #2</h1>
        <label for="year" class="control-label input-group">Year</label>
        <div class="btn-group" data-toggle="buttons">
            <label class="btn btn-default">
                <input name="year" value="2011" type="radio">2011
            </label>
            <label class="btn btn-default">
                <input name="year" value="2012" type="radio">2012
            </label>
            <label class="btn btn-default">
                <input name="year" value="2013" checked="checked" type="radio">2013
            </label>
        </div>  
    </div>  
</div>

ここで動作を確認できます: http://bootply.com/84165

4

5 に答える 5

78

デフォルトのボタンをチェックしたいと仮定します。

<div class="row">
    <h1>Radio Group #2</h1>
    <label for="year" class="control-label input-group">Year</label>
    <div class="btn-group" data-toggle="buttons">
        <label class="btn btn-default">
            <input type="radio" name="year" value="2011">2011
        </label>
        <label class="btn btn-default">
            <input type="radio" name="year" value="2012">2012
        </label>
        <label class="btn btn-default active">
            <input type="radio" name="year" value="2013" checked="">2013
        </label>
    </div>
  </div>

activeクラスをデフォルトにするボタン (labelタグ) とchecked=""そのタグに追加してinput、デフォルトでフォームに送信されるようにします。

于 2013-09-30T20:30:22.597 に答える
2

上記のように機能させるには、ラベルでアクティブを使用する必要があります。しかし、checked="checked" を使用することもでき、それも機能します。必須ではありませんが、HTML 形式に準拠しているため、より読みやすく、より意味があります。

于 2015-08-12T14:00:12.757 に答える