無効なラジオボタンのブートストラップ3にツールチップを表示

Question

ラジオボタンを無効にするだけでなく、その無効化されたボタンについてもツールチップを表示する必要があります。非作業ツールチップと無効のラジオボタンの

サンプルHTMLコード：

<div class="deliveryOption" data-toggle="buttons"> 
    <label class="btn btn-default active"> 
     <input type="radio" name="options" id="option1"> Normal 
    </label> 
    <label class="btn btn-default disabled" data-toggle="tooltip" data-placement="top" title="some text"> 
     <input type="radio" name="options" id="option2"> Express 
    </label> 
</div> 

Answer 1

これは、CSSを使用して固定することができます。 'ポインタイベント：なし'は、ツールチップが表示されないようにしています。入力タイプのラジオでもdisabledプロパティを追加します。

<label class="btn btn-default disabled" data-toggle="tooltip" data-placement="top" title="some text"> 
    <input type="radio" name="options" id="option2" disabled> Express 
</label> 

.btn.disabled { 
    pointer-events: auto; 
}