Как предотвратить снятие флажков с помощью jquery?

Question

У меня есть собственные флажки:

<p> 
    <input class="preventUncheck" id="toggle-on1" type="checkbox"> 
    <label for="toggle-on1">Selling</label> 
</p> 
<p> 
    <input class="preventUncheck" id="toggle-on2" type="checkbox">   
    <label for="toggle-on2">Rent</label> 
</p> 

$(function() { 
    //prevent to uncheck all checkboxes 
    $('.preventUncheck').on('change', function() { 
     $('.preventUncheck').length == 0 
     && !this.checked 
     && $(this).prop('checked', true); 
    }); 
}); 

Я хочу, чтобы предотвратить убрав весь флажок, это означает, что все дни один флажок должен быть проверен и, если пользователь попытаться отключив его, яваскрипт мешает это сделать.

Как я могу это сделать?

Answer 1

Вы должны проверить, установлен ли флажок установленного флажка, равный 0, а затем предотвратить его снятие.

$('.preventUncheck').on('change', function(e) { 
 
    if ($('.preventUncheck:checked').length == 0 && !this.checked) 
 
    \t this.checked = true; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p> 
 
    <input type="checkbox" class="preventUncheck" id="toggle-on1"> 
 
    <label for="toggle-on1">Selling</label> 
 
</p> 
 
<p> 
 
    <input type="checkbox" class="preventUncheck" id="toggle-on2"> 
 
    <label for="toggle-on2">Rent</label> 
 
</p>

Answer 2

Добавить attr "disabled" в корзину?