Сделать поле активным при выборе input

Нужно чтобы поле ввода input стало активно при выборе 4го input-radio, но почему-то не получается.

document.querySelectorAll('.aim')[3].oninput = (ev) => {
  if (ev.target.checked) {
    document.querySelector('#aim').disabled = false;
  }
}
<div class="col-md-6">
  <input id="aim" type="radio" class="form-control @error('aim') is-invalid @enderror" name="aim" value="декларирование" autocomplete="aim" autofocus>
  <input id="aim" type="radio" class="form-control @error('aim') is-invalid @enderror" name="aim" value="производственный контроль" autocomplete="aim" autofocus>
  <input id="aim" type="radio" class="form-control @error('aim') is-invalid @enderror" name="aim" value="получение информации о фактическом качестве продукции" autocomplete="aim" autofocus>
  <input id="aim" type="radio" name="aim" class="aim" autocomplete="aim" autofocus>

  <input id="aim" type="text" class="form-control @error('aim') is-invalid @enderror" name="aim" value="{{ old('aim') }}" autocomplete="aim" autofocus disabled>
</div>


Ответы (1 шт):

Автор решения: Денис Степанов

document.querySelectorAll('.aim')[3].oninput = (ev) => {
  if (ev.target.checked) {
    document.querySelector('#aim-text').disabled = false;
  }
}
<div class="col-md-6">
  <input id="aim-1" type="radio" class="aim form-control @error('aim') is-invalid @enderror" name="aim" value="декларирование" autocomplete="aim" autofocus>
  <input id="aim-2" type="radio" class="aim form-control @error('aim') is-invalid @enderror" name="aim" value="производственный контроль" autocomplete="aim" autofocus>
  <input id="aim-3" type="radio" class="aim form-control @error('aim') is-invalid @enderror" name="aim" value="получение информации о фактическом качестве продукции" autocomplete="aim" autofocus>
  <input id="aim-4" type="radio" name="aim" class="aim" autocomplete="aim" autofocus>

  <input id="aim-text" type="text" class="form-control @error('aim') is-invalid @enderror" name="aim" autocomplete="aim" autofocus disabled>
</div>

→ Ссылка