2017-10-26 9 views
0

私は絵のようなボタンのグループがあります:私は完全にこのコントロールを無効にするにはどうすればよいボタングループ(ブートストラップ)のボタンを無効にする方法は?

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

enter image description here

と、このようなコードを?ブートストラップクラス.disabledおよび/またはアトリビュートdisabledをこれらの要素のいずれかまたはすべてに追加しても、ボタンをクリックする可能性があり、ブートストラップに十字アイコンが表示されていても影響を受けました。

私はhereを見つけましたが、focusではなく、ボタンにactiveクラスを追加しないようにするだけで動作します。

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

https://stackoverflow.com/questions/23518378/disable-twitter-bootstrap-button-group – Greg

+0

https://stackoverflow.com/questions/29331261/disable-radio-button-in -bootstrap-3 – varit05

答えて

0
$('.btn-group .btn.disabled').click(function(event) { 
    return false; 
}); 
関連する問題