Сообщение от рони
|
цикл остался
|
<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 делать?