Twitter bootstrap 单击禁用的引导单选按钮组按钮将从当前列表中删除活动的

我使用Bootstrap3和Angular1.5在页面上显示单选按钮组

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default" ng-click="changeAvailable(day.item[0],1)" ng-class="{1:'active'}[day.item[0].available]">
        <input type="radio" name="availabe[{{$index}}]" ng-checked="day.item[0].available==1" ng-model="day.item[0].available" ng-value="1">Workday
    </label>
    <label class="btn btn-default disabled" ng-click="changeAvailable(day.item[0],2)" ng-class="{2:'active'}[day.item[0].available]">
        <input type="radio" name="availabe[{{$index}}]" disabled="disabled" ng-checked="day.item[0].available==2" ng-model="day.item[0].available" ng-value="2">Break
    </label>
    <label class="btn btn-default" ng-click="changeAvailable(day.item[0],0)" ng-class="{0:'active'}[day.item[0].available]">
        <input type="radio" name="availabe[{{$index}}]" ng-checked="day.item[0].available==0" ng-model="day.item[0].available" ng-value="0">Dayoff
    </label>
</div>

工作日
打破
休息

我需要禁用一些按钮。因此，我将

class=“disabled”

添加到

标签中，并将
disabled=“disabled”
添加到
输入中

在我点击“禁用”按钮之前，所有东西都看起来很好。当前选中的按钮不再具有
激活状态
样式。所以我现在不知道哪个按钮是激活的

我甚至检查了bootstrap官方网站的例子，也有这个问题

有人知道如何完全禁用按钮的解决方案吗

非常感谢您的帮助。
您可以将以下内容添加到css文件：

.disabled {  pointer-events: none; }

或者直接在元素中

<label class="btn btn-default disabled" style="pointer-events:none">




另见
您可以将以下内容添加到css文件：

.disabled {  pointer-events: none; }

或者直接在元素中

<label class="btn btn-default disabled" style="pointer-events:none">




另见
这对我有帮助。这可能是最好的答案。这对我很有帮助。这可能是最好的答案。