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

193
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(дана фраза, в словах которой, буквы из первой половины алфавита нужно заменить на буквы...

229
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

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

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

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

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

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

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

293