Как применить disabled к select по checkbox одинаковыми именами классов только в одном див?

Question

[pasterh]

Есть форма внутри которой есть div с входящими в него checkbox и селект который размножается .clone получается несколько div с входящими в него checkbox и select все с одними именами классов. Нужно что бы при нажатии checkbox добавлялся и удалялся disabled к селект только в одном div в котором они находятся а остальные не затрагивались. Как Это можно решить?

<div class="block">
<input type="checkbox" class="deactiv">
<select class="choice">
<option>1</option>
<option>2</option>
<select>
</div>
<div class="block">
<input type="checkbox" class="deactiv">
<select class="choice">
<option>1</option>
<option>2</option>
<select>
</div>

Answer 1

[Чипекве]

document.querySelectorAll('.deactiv').forEach(e => e.addEventListener('click', function () {
    this.parentNode.querySelector('select').disabled = !this.parentNode.querySelector('select').disabled;
}))