Проблемы с установкой / снятием всех флажков с jquery и Bootstrap

Question

У меня проблема с проверкой всех моих флажков с помощью Jquery.

С помощью этого кода я могу установить или снять все свои флажки.
Но если я проверяю один лук вручную, этот ящик покидает группу ибольше не следите за флажком «checkAll». Почему это так?

Сначала попробуйте первый флажок ... затем установите другой флажок и затем попробуйте первый снова.

    $('#checkAll').on('change', function(){
        
       if($('#checkAll').is(":checked")){
           //CHECK ALL BOXES
           $('.checkbox').attr('checked', true);
       }
       else{
           //UNCHECK ALL BOXES
           $('.checkbox').attr('checked', false);
       }
       
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="" type="checkbox" id="checkAll">

<input class="checkbox" type="checkbox">
<input class="checkbox" type="checkbox">
<input class="checkbox" type="checkbox">
<input class="checkbox" type="checkbox">
<input class="checkbox" type="checkbox">

Answer 1

пожалуйста, используйте этот код:

$('#checkAll').on('change', function(){

   if($('#checkAll').is(":checked")){
       //CHECK ALL BOXES
       $('.checkbox').prop('checked', true);
   }
   else{
       //UNCHECK ALL BOXES
       $('.checkbox').prop('checked', false);
   }
});

наслаждайтесь!