использование id div-ов для блокировки checkbox-ов
<div id="aaa">
<label>
<input type="checkbox" value="1"><span>text</span>
</label>
</div>
<div id="aaa_1">
<label>
<input type="checkbox" value="2"><span>text</span>
</label>
</div>
<div id="aaa_2">
<label>
<input type="checkbox" value="3""><span>text</span>
</label>
</div>
если отмечен checkbox который находится в div с id aaa_1, блокировался только чекбокс который находится в div с id aaa_2. Как это реализовать с помощию js используя только id div-а?
Ответы (1 шт):
Автор решения: Pavel Nazarian
→ Ссылка
document.querySelector('#aaa_1 input').onchange = (e) => {
let input_2 = document.querySelector('#aaa_2 input');
input_2.disabled = e.target.checked;
input_2.checked = false;
}<div id="aaa">
<label>
<input type="checkbox" value="1"><span>text</span>
</label>
</div>
<div id="aaa_1">
<label>
<input type="checkbox" value="2"><span>text</span>
</label>
</div>
<div id="aaa_2">
<label>
<input type="checkbox" value="3""><span>text</span>
</label>
</div>