Как сделать кнопку "Открыть" неактивной, пока не выбран radiobutton?
<div class="first-block">
<h1 class="task__title">Tasks</h1>
<button class="button">Открыть</button>
<div class="task-list"></div>
</div>
<template class="task-template">
<label for="task" class="form__label">
<input type="radio" name="task" class="form__check">
<span class="form__task-text"></span>
</label>
</template>
Ответы (1 шт):
Автор решения: eccs0103
→ Ссылка
const inputCases = document.querySelectorAll(`input[name="task"]`);
const button = document.querySelector(`button.button`);
button.disabled = !Array.from(inputCases).some((input) => input.checked);
inputCases.forEach((input) => {
input.addEventListener(`change`, (event) => {
button.disabled = !Array.from(inputCases).some((input) => input.checked);
});
});
<div class="first-block">
<h1 class="task__title">Tasks</h1>
<button class="button">Открыть</button>
<div class="task-list"></div>
</div>
<label class="form__label">
<input type="radio" name="task" class="form__check">
<span class="form__task-text">Крассная</span>
</label> или
<label class="form__label">
<input type="radio" name="task" class="form__check">
<span class="form__task-text">Синяя</span>
</label>