Wie Tasten in Button-Gruppe (Bootstrap) zu deaktivieren?

Question

Ich habe einen Button-Gruppe wie das auf dem Bild:

und den Code wie folgt aus:

<span class="btn-group" data-toggle="buttons"> 
    <span class="btn btn-default active"> 
    <input type="radio" value="false"><label >No</label> 
    </span> 
    <span class="btn btn-default"> 
    <input type="radio" value="true"><label >Yes</label> 
    </span> 
</span> 

Wie kann ich diese Steuerung komplett deaktivieren? Als ich die Bootstrap-Klasse .disabled und/oder das Attribut disabled zu einem oder allen dieser Elemente hinzufügte, konnte ich immer noch auf die Schaltflächen klicken und sie waren betroffen, obwohl Bootstrap das Symbol mit dem gekreuzten Kreis zeigte.

Ich fand here eine Problemumgehung, die die Weitergabe von Ereignissen stoppt, aber es funktioniert nur, um das Hinzufügen active Klasse zu den Schaltflächen zu verhindern, aber nicht focus.

$('.btn-group .btn.disabled').click(function(event) { 
    event.stopPropagation(); 
}); 

Answer 1

$('.btn-group .btn.disabled').click(function(event) { 
    return false; 
});