如何禁用按钮组（Bootstrap）中的按钮？

Question

我有一个类似图片上的按钮组：

和这样的代码：

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

如何完全禁用此控件？当我将bootstrap类.disabled和/或属性disabled添加到任何或所有这些元素时，我仍然可以单击按钮，即使bootstrap显示交叉圆圈图标，它们也会受到影响。

我发现here是一种停止事件传播的解决方法，但它仅用于阻止向按钮添加active类，而不是focus。

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

Answer 1

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