2013-01-18 5 views
8

以下のオプションを1つだけ選択したいだけですが、何も選択しないでブートストラップでオプションを選択解除することもできます。これを行う方法はありますか?ブートストラップラジオボタンUnselect

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

答えて

3

あなたはJavaScriptを使用していることを行う必要があるだろう:

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

はこちらをご覧ください:http://jsfiddle.net/TrPFf/2/

+0

初めての選択は私にとってはうまくいかないようです – Dejell

0

あなたはブートストラップのボタンのプラグインを使用している場合は、「ボタン」のラジオボタンをラップすることができますこのようなラベル:

<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が作成され、ユーザーの入力を簡単に取得できます。

+0

彼の質問にどう答えますか? – Dejell

関連する問題