Имитация нажатия на радио кнопку при нажатии на другое поле

162
02 декабря 2018, 04:10

Есть вот такой код

<div id="some" class="some"> 
  <label for="some">Заголовок</label> 
  <p> 
    <label> 
           <input type="radio" class="input_radio" name="some_radio" value="0"  
           checked="checked" />	 
           <span class="radio-custom"></span> 
    	   <span class="label">Выбрать 0</span> 
    	</label> 
  </p> 
  <p> 
    <label> 
        <input type="radio" class="input_radio" name="some_radio" value="1">  
    	<span class="radio-custom"></span> 
    	<span class="label">Выбрать 1 </span> 
        <input type="text" class="input" name="price" value=""> 
    </label> 
  </p> 
</div>

Подскажите, как реализовать автоматическую установку второй радиокнопки при нажатии на поле input?

Спасибо.

Answer 1

var input = document.getElementsByClassName('input')[0], 
  inputRadio = document.getElementsByClassName('input_radio'); 
 
input.addEventListener('focus', () => { 
  inputRadio[1].checked = 1; 
}) 
 
input.addEventListener('blur', () => { 
  if (input.value == '') { 
    inputRadio[0].checked = 1; 
  } 
})
<div id="some" class="some"> 
  <label for="some">Заголовок</label> 
  <p> 
    <label> 
           <input type="radio" class="input_radio" name="some_radio"  
           checked="checked" />	 
           <span class="radio-custom"></span> 
    	   <span class="label">Выбрать 0</span> 
    	</label> 
  </p> 
  <p> 
    <label> 
        <input type="radio" class="input_radio" name="some_radio"/>  
    	<span class="radio-custom"></span> 
    	<span class="label">Выбрать 1 </span> 
        <input type="text" class="input" name="price" value=""> 
    </label> 
  </p> 
</div>

READ ALSO
Заменить буквы в слове JS

Заменить буквы в слове JS

Не могу понять почему не работает replace, задача с freecodecamp(дана фраза, в словах которой, буквы из первой половины алфавита нужно заменить на буквы...

194
How to make SQL query to select unique id and range them in columns by date?

How to make SQL query to select unique id and range them in columns by date?

Помогите сделать SQL запрос на выборку id, отсортированных по дате от 0101

201
из с++ в mysql передача данных

из с++ в mysql передача данных

Есть БД на локалхосте (запускаю через xampp, mysql)В базе присутствует кириллица

168
Не получается отцентрировать меню

Не получается отцентрировать меню

Стал не нужен блок поиска на сайте, пришлось убрать, а меню съехало в право и не хочет центрироватьсяПодскажите в чем проблема пожалуйста

234