corton,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<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>
<form action="">
<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.querySelectorAll("form");
[].forEach.call(form, function(item, i) {
item.addEventListener("change", function() {
var inp = item.querySelector('[type="radio"]:checked');
if (inp) form[+!i].querySelector('[type="radio"][value="' + inp.value + '"]').checked = true
})
})
});
</script>
</body>
</html>