Показать сообщение отдельно
  #4 (permalink)  
Старый 01.04.2017, 11:50
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

corton,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">


</head>

<body>
<form action="">
<h2>Доставка</h2>
<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">
<h2>Оплата</h2>
<input type="radio" id="payment_1" name="payment" value="1">
<input type="radio" id="payment_2" name="payment" value="2">
<input type="radio" id="payment_3" name="payment" value="3">
<input type="radio" id="payment_4" name="payment" value="4">
</form>



  <script>
window.addEventListener("DOMContentLoaded", function() {
    var form = document.querySelector("form"), obj = {deliveri : 'payment',payment : 'deliveri'};
        form.addEventListener("change", function(event) {
            var inp = event.target, name = obj[inp.name];
            if (name) form.querySelector('[name="'+name+'"][value="' + inp.value + '"]').checked = true
        })

});
  </script>

</body>
</html>
Ответить с цитированием