dima_riabets,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<input type="text" size="35" name="other1" style="width:100%" value="">
<input id="fr31" type="radio" name="f3" value="1">
<label for="fr31"><img src=""> синий</label>
<br />
<input id="fr32" type="radio" name="f3" value="2">
<label for="fr32"><img src=""> черный</label>
<br />
<script>
var fr = document.querySelectorAll('[name="f3"]'),
input = document.querySelector('[name="other1"]'),
base = {
1: '<img src="синий">',
2: '<img src="чёрный">'
};
[].forEach.call(fr, function(self) {
self.onchange = function() {
this.checked && (input.value = base[this.value])
}
});
</script>
</body>
</html>