Блог

Главная - Вопросы по программированию - Как установить для переключателя значение true при сравнении его со значением текстового поля?

Как установить для переключателя значение true при сравнении его со значением текстового поля?

#javascript #php #html #jquery #mysql

#javascript #php #HTML #jquery #mysql

Вопрос:

Я пытаюсь установить переключатель из двух переключателей, используя JavaScript, на основе значения текстового поля.

Текстовое поле может быть заполнено только значениями переключателей, иначе оба переключателя будут отмечены как false, потому что значения будут поступать из базы данных.

 function selradio() {
  if (document.getElementById("tvt").value == '6 Wheeler') {
    document.getElementById('6wt').checked = true;
    document.getElementById('10wt').checked = false;
  } else if (document.getElementById("tvt").value == '10 Wheeler') {
    document.getElementById('6wt').checked = false;
    document.getElementById('10wt').checked = true;
  }
}  
 <div class="col-sm-2">
  <label>
    <input type="radio" name="r3" value="6 Wheeler" class="flat-red"> 
    6 Wheeler Truck
  </label>
</div>
<div class="col-sm-2">
  <label>
    <input type="radio" name="r3" value="10 Wheeler" class="flat-red"> 
    10 Wheeler Truck
  </label>
</div>

<input type="text" id="tvt" name="tvt" onChange="selradio()">

Комментарии:

1. Ни у одной из ваших переключателей id нет того, что вы указали в JS. Исправьте это, и это сработает. Голосование за закрытие как опечатка.

2. Также обратите внимание, что сама логика кажется бессмысленной. Выберите значения в радиоприемниках и избавьтесь от текстового поля. В качестве альтернативы используйте a select и выделите соответствующую опцию в зависимости от того, что находится в БД

3. <div class="col-sm-2"> <label> <input type="radio" name="r3" id="6wt" value="6 Wheeler" class="flat-red"> 6 Wheeler Truck </label> </div> <div class="col-sm-2"> <label> <input type="radio" name="r3" id="10wt" value="10 Wheeler" class="flat-red"> 10 Wheeler Truck </label> </div>

Ответ №1:

     <div class="col-sm-2">
  <label>
    <input type="radio" id="6wt" name="r3" value="6 Wheeler" class="flat-red"> 
    6 Wheeler Truck
  </label>
</div>
<div class="col-sm-2">
  <label>
    <input type="radio" id="10wt" name="r3" value="10 Wheeler" class="flat-red"> 
    10 Wheeler Truck
  </label>
</div>

<input type="text" id="tvt" name="tvt" onChange="selradio()">

Пожалуйста, установите идентификатор переключателя, и он будет работать.

Комментарии:

1. Не могли бы вы объяснить свой ответ? В чем проблема и как вы ее исправили?