Нужно чтобы поле ввода 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>
id
должен быть для всех элементов обязательно разным. И дляinput
в том числе, это поле name должно быть одинаковым, чтобы сообщить браузеру что кнопки из одной группы.