0

Нужно чтобы поле ввода 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>

3
  • поменяете местами поля, будет код потом переписывать? добавьте к нему id и по нему и обращайтесь. зы: индексация с 0
    – teran
    6 мая 2020 в 9:31
  • Что-то не понял. Что поменять местами и куда id добавить? У всех input есть id, по идее он должен быть одинаковый, потому что это всё в зависимости от выбора отправляется в один и тот же столбец в БД
    – REGEDIT073
    6 мая 2020 в 10:18
  • 1
    @REGEDIT073, id должен быть для всех элементов обязательно разным. И для input в том числе, это поле name должно быть одинаковым, чтобы сообщить браузеру что кнопки из одной группы. 6 мая 2020 в 10:45

1 ответ 1

0

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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.