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

Сообщение от рони Посмотреть сообщение
цикл остался
<h2>Доставка</h2>
<div id="sendForm">
<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>
</div>

<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'),
    formHolder = document.getElementById('sendForm');

formHolder.addEventListener('click', function setDisabled(e){
  if(e.target.tagName == 'INPUT'){
    switch(e.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;
  }
 } else if(e.target.tagName == 'DIV'){
      return false
  }
}) 

</script>


Сообщение от рони Посмотреть сообщение
Царь Леонид,
на всякий случай classList
Знаю про это) Это лучше, чем через setAttribute делать?

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