input type="checkbox" срабатывает только один раз . почему?

const wrap = document.querySelector('.wrap');
const markAll = document.querySelector('.mark-all');
const all = wrap.querySelectorAll('.checkbox');

wrap.addEventListener('click', () => {
  if (markAll.checked) {
    all.forEach(e => {
      e.setAttribute('checked', true);
    })

  }
  if (!markAll.checked) {
    all.forEach(e => {
      e.removeAttribute('checked', true);
    })
  }
})

<div class="wrap">
  <input type="checkbox" class="mark-all">
  <input type="checkbox" class="checkbox">
  <input type="checkbox" class="checkbox">
</div>