mikhael,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<form class="webform4" id="webform-4">
<div class="form-item webform-component webform-component-radios webform-component--1 form-group">
<label class="control-label" for="edit-submitted-1">1. что важнее: <span class="form-required" title="Это поле обязательно для заполнения.">*</span></label>
<div id="edit-submitted-1" class="form-radios"><div class="form-item form-item-submitted-1 form-type-radio radio"> <label class="control-label" for="edit-submitted-1-1"><input required="required" type="radio" id="edit-submitted-1-1" name="submitted[1]" value="a" class="form-radio">А </label>
</div><div class="form-item form-item-submitted-1 form-type-radio radio"> <label class="control-label" for="edit-submitted-1-2"><input required="required" type="radio" id="edit-submitted-1-2" name="submitted[1]" value="ab" class="form-radio">скорее А чем Б </label>
</div><div class="form-item form-item-submitted-1 form-type-radio radio"> <label class="control-label" for="edit-submitted-1-3"><input required="required" type="radio" id="edit-submitted-1-3" name="submitted[1]" value="ba" class="form-radio">скорее Б чем А </label>
</div><div class="form-item form-item-submitted-1 form-type-radio radio"> <label class="control-label" for="edit-submitted-1-4"><input required="required" type="radio" id="edit-submitted-1-4" name="submitted[1]" value="b" class="form-radio">Б </label>
</div></div>
</div>
<div class="form-item webform-component webform-component-textfield webform-component--1a webform-container-inline form-group">
<label class="control-label" for="edit-submitted-1a">а) знать? </label>
<input class="form-control form-text" type="text" id="edit-submitted-1a" name="submitted[1a]" value="" size="60" maxlength="128">
</div>
<div class="form-item webform-component webform-component-textfield webform-component--1b webform-container-inline form-group">
<label class="control-label" for="edit-submitted-1b">б) создавать? </label>
<input class="form-control form-text" type="text" id="edit-submitted-1b" name="submitted[1b]" value="" size="60" maxlength="128">
</div>
</form>
<script>
window.addEventListener("DOMContentLoaded", function() {
var form = document.querySelector("#webform-4"),
obj = {
a: [10, 40],
ab: [20, 30],
ba: [50, 80],
b: [70, 60]
};
form.addEventListener("click", function(event) {
var el = event.target;
if (el.classList && el.classList.contains("form-radio")) {
var val = obj[el.value],
i = 0;
while (el != form) {
el = el.parentNode;
if (el && el.classList.contains("form-group")) {
el = el.nextElementSibling;
el.querySelector(".form-control").value = val[i++];
el = el.nextElementSibling;
el.querySelector(".form-control").value = val[i++];
break
}
}
}
})
});
</script>
</body>
</html>
