Как сделать чекбокс для активации группы

08 февраля 2022, 05:50

Мне нужно чтобы при нажатие на основной чекбокс активировались все как это сделать

Этот скрипт не отмечает все чекбоксы после нажатия на главный

сам скрипт:

<script>
  $(function () {
    $('#checkbox').click(function(){
      if ($(this).is(':checked')){
        $('#controls input:checkbox').prop('checked', true);
      } else {
        $('#controls input:checkbox').prop('checked', false);
      }
    });
  });
</script>

чекбоксы которые должны активироваться:

<p id="controls">
  @foreach($othet as $oth)
    <tr>
      <th><input type="checkbox"   name="id[]" value="{{$oth->id}}"></th>
    </tr>
  @endforeach
</p>

главный чекбокс:

<input type="checkbox" id="checkbox">

Answer 1

Посмотрев на код, складывается пример, что "главный чекбокс" должен у всех чекбоксов в #controls менять статус выбора..

Если это так, то вот:

let controlsInput = $('#controls').find('input[type="checkbox"]'); 
 
$('#checkbox').on('click', function(){ 
  let thisStatus = $(this).prop('checked'); 
   
  controlsInput.prop('checked', thisStatus); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 
<div id="controls"> 
  <input type="checkbox" checked><br> 
  <input type="checkbox" checked><br> 
  <input type="checkbox"><br> 
  <input type="checkbox" checked><br> 
  <input type="checkbox"><br> 
  <input type="checkbox"><br> 
  <input type="checkbox" checked> 
</div> 
 
<input id="checkbox" type="checkbox"> <label for="checkbox">Выбрать все</label>