Как запретить нажимать input radio, пока не выбран другой input?

Question

[Антон]

Как запретить нажимать pakcolor, пока не будет выбран любой из pakdetail?

Шаг 1
<input type="radio" value="Опция 1"  name="pakdetail">
<input type="radio" value="Опция 2"  name="pakdetail">
<input type="radio" value="Опция 3"  name="pakdetail">
Шаг 2
<input type="radio" value="Белый"  name="pakcolor">
<input type="radio" value="Черный"  name="pakcolor">

Answer 1

[0xD34F]

const details = document.querySelectorAll('[name="pakdetail"]');
const colors = document.querySelectorAll('[name="pakcolor"]');
const onChange = enableColors.bind(null, true);
enableColors(false);

function enableColors(enabled) {
  const method = `${enabled ? 'remove' : 'add'}EventListener`;
  details.forEach(n => n[method]('change', onChange));
  colors.forEach(n => n.disabled = !enabled);
}