Bootstrap 3 - En az bir adet seçili çoklu aktif buton

Question

Bu çoklu seçim butonları var. Ne yapmalıyım ki, kullanıcı hepsini işaretleyemez. seçilen en az bir düğme, değilse olmalı daha:

<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

Örnek: https://jsfiddle.net/o1jwc7h7/

bu jquery ekleyin:

$('.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"); 
    } 
});