Как сделать кнопку "Открыть" неактивной, пока не выбран 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>

→ Ссылка