Как сделать чекбокс, переключающий другие чекбоксы?

Question

[K_sperrr]

Надо, чтобы по изменению главного чекбокса изменялось состояние других на соответствующее главному.
Вот моя реализация, но она не работает: https://jsfiddle.net/kmgsy8tL/18/

Answer 1

[Rsa97]

Answer 2

[Nik Faraday]

<input type="checkbox" class="mainCheckboxType1" id="main"> Перключить все<br>
<input type="checkbox" class="chekboxType1" id="check-1"> 1 чекбокс
<input type="checkbox" class="chekboxType1" id="check-2"> 2 чекбокс
<input type="checkbox" class="chekboxType1" id="check-3"> 3 чекбокс
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>

$('#main').on('click', () => {
	let checks = $('[id|=check]');
  let mainCheckValue = $('#main').prop('checked');
  
  for(let i = 0; i < checks.length; i++) {
  	$('#' + checks[i].id).prop('checked', mainCheckValue);
  }
});