Показать сообщение отдельно
  #8 (permalink)  
Старый 13.06.2016, 17:36
Профессор
Отправить личное сообщение для Царь Леонид Посмотреть профиль Найти все сообщения от Царь Леонид
 
Регистрация: 22.08.2013
Сообщений: 217

Сообщение от рони Посмотреть сообщение
Царь Леонид,
а без цикла сможешь?
<h2>Доставка</h2>
<form action="">  
<input type="radio" id="deliveri_1" name="deliveri" value="1">
<input type="radio" id="deliveri_2" name="deliveri" value="2">
<input type="radio" id="deliveri_3" name="deliveri" value="3"> <!-- Если выбрали этот то... -->
<input type="radio" id="deliveri_4" name="deliveri" value="4">
</form>

<h2>Оплата</h2>
<input type="radio" id="payment_1" value="1">
<input type="radio" id="payment_2" value="2"> <!-- ...то этот станет недоступен -->
<input type="radio" id="payment_3" value="3">
<input type="radio" id="payment_4" value="4">
<script>
var selected = document.querySelectorAll('input'),
 makeDisable = document.getElementById('payment_2');

selected.forEach(function(item){
item.addEventListener('change', function(event){
  switch(event.target.id){
    case 'deliveri_3':
      makeDisable.disabled=true
      makeDisable.setAttribute('class', 'random')
      return null; 
    case 'deliveri_4':
      makeDisable.setAttribute('class', 'random')
      makeDisable.disabled=false
      return null;
    default:
      makeDisable.removeAttribute('class', 'random');
      makeDisable.disabled=false
      return null;
  } 
}) 
})
</script>

Последний раз редактировалось Царь Леонид, 13.06.2016 в 17:55.
Ответить с цитированием