ブートストラップ3 - 複数のアクティブなボタンが選択されています。

Question

複数の選択ボタンがあります。ユーザーがすべてをオフにできないようにするにはどうすればよいですか。以上でない場合は、選択された少なくとも1つのボタンが存在しなければならない：

<div class="container"> 
    <br><p>Click all the fruits that you like</p> 
    <div class="btn-group col-xs-12" data-toggle="buttons"> 
     <label class="btn btn-default"> 
      <input type="checkbox" name="fruit" id="apple" value="apple">apple 
     </label> 
     <label class="btn btn-default"> 
      <input type="checkbox" name="fruit" id="pear" value="pear">pear 
     </label> 
     <label class="btn btn-default"> 
      <input type="checkbox" name="fruit" id="orange" value="orange">orange 
     </label> 
    </div> 
</div> 

Answer 1

例：https://jsfiddle.net/o1jwc7h7/

このjqueryのを追加：あなたのソリューションはjsfiddleに完璧に適しています

$('.btn-group input[type="checkbox"]').change(function(){ 
    if ($('input[type="checkbox"]:checked').length == 0) { 
     $(this).prop("checked",true).parent().addClass('active'); 
     alert("at least one of them should be checked"); 
    } 
});