2016-04-30 12 views
-1

Ich muss Radio-Button deaktivieren und Tooltip auf diese Schaltfläche deaktiviert auch anzeigen.Zeige Tooltip auf deaktivierten Radio Button bootstrap 3

Probe HTML-Code für Behinderte Radio-Buttons mit nicht funktionierenden Tooltip:

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

kann OP umfassen JS? Oder eine Probe Demo – guradio

Antwort

1

Es kann festgelegt werden, mit CSS. 'pointer-events: none' verhindert, dass der Tooltip angezeigt wird. Fügen Sie auch die deaktivierte Eigenschaft für den Eingangstyp Radio hinzu.

<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; 
} 
+0

gr8 ein ... etwas fix benötigt behandeln Ereignisse Zustand Überprüfung von behinderten Klasse klicken wird oder nicht – KoolKabin