9

以下の 1 つのオプションのみを選択して正常に動作するようにしたいのですが、ブートストラップを使用してオプションを選択解除し、何も選択しないようにしたいと考えています。これを行う方法はありますか？

<div class="btn-group" data-toggle="buttons-radio">
     <button data-toggle="button" class="btn btn-small">1</button>
     <button data-toggle="button" class="btn btn-small">2</button>
     <button data-toggle="button" class="btn btn-small">3</button>
</div>
4

2 に答える 2

3

Javascriptでそれを行う必要があります：

$(".btn-group button").removeClass("active");

ここを参照してください：http://jsfiddle.net/TrPFf/2/

于 2013-01-18T22:00:51.837 に答える
-2

Bootstrap の Button プラグインを使用している場合は、次のようにラジオ ボタンを「ボタン」ラベルでラップできます。

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option1"> Option 1
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option2"> Option 2
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option3"> Option 3
  </label>
</div>

これにより、よりセマンティックな HTML が作成され、ユーザー入力を取得しやすくなります。

于 2013-11-07T17:01:00.080 に答える