Gracias bathors por tu ayuda.
Siguiendo el ejemplo he logrado hacer lo que queria, a continuacion pongo el codigo para que veas como ha quedado por si vieses algo que no te parezca bien.
Tengo que decir que esta funcion la uso "dentro" de otra funcion que tengo de algo que hice hace tiempo con xajax y no podia ponerlo como habias propuesto.
Código HTML:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Actualizar radio button al elegir una opcion en el selector</title>
<script type="text/javascript">
function xajax_changeColorImageAttribute(prod_option_value) {
var i, pos;
var sel = document.getElementById('cmbooption_1');
var rad = document.getElementsByName('id[1]');
for (i = 0; i < rad.length; i++) {
if (rad[i].value == prod_option_value) {
rad[i].checked = 'on';
// alert('Value: ' + rad[i].value + '\n' + 'checked: ' + rad[i].checked);
}
}
for (i = 0; i <sel.options.length; i++) {
if (sel.options[i].value == prod_option_value) {
// alert(sel.options[i].value);
pos = i;
}
}
sel.selectedIndex = pos;
// alert(sel.selectedIndex);
}
</script>
</head>
<body>
<form name="cart_quantity" action="#" method="post">
<div class="options">
<p class="options-title">Opciones con selector:</p>
<label>Color:</label>
<select name="id[1]" id="cmbooption_1" onChange="xajax_changeColorImageAttribute(this.value);">
<option value="2">Rojo</option>
<option value="1">Azul</option>
<option value="7">Verde</option>
<option value="3">Negro</option>
</select>
</div>
</br><hr>
<div>
<p class="options-title">Opciones con Radio Button:</p>
<label>Color:</label>
<a href="javascript:void(null)" onClick="xajax_changeColorImageAttribute(2);">
<input type="radio" id="cmbooption_1" name="id[1]" value="2" checked="checked"></a>Rojo |
<a href="javascript:void(null)" onClick="xajax_changeColorImageAttribute(1);">
<input type="radio" id="cmbooption_1" name="id[1]" value="1"></a>Azul |
<a href="javascript:void(null)" onClick="xajax_changeColorImageAttribute(7);">
<input type="radio" id="cmbooption_1" name="id[1]" value="7"></a>Verde |
<a href="javascript:void(null)" onClick="xajax_changeColorImageAttribute(3);">
<input type="radio" id="cmbooption_1" name="id[1]" value="3"></a>Negro
</div>
</form>
</body>
</html>