Java Scripts - менять href в зависимости от radio button

[senty]

Есть n-количество radio button для выбора цвета продукции.

И 1 кнопка при нажатии на которую выбранный цвет открывается во всплывающем окне.

Каким образом реализовать подстановку url в кнопку при нажатии на которую появляется увеличенное изображение? [:

 

[majahead]

Вот так если я тебя правильно понял.

<form name="fgz">
<input name="fgfgfdz" onChange="cvet(event)" id="black" type="radio" />
<input name="yuifgz" onChange="cvet(event)" id="red" type="radio" />
</form>
<a id="knopka" href="#" >edhed </a>

<script>
function cvet(event) {
if (!event.target) {
    event.target = event.srcElement
}
if (event.target.checked === true) {
	
var cvet = event.target.id

switch (cvet) {
case 'black':
var url = 'ewr'
break
case 'red':
var url = 'wt'
break
}


document.getElementById("knopka").href = "/"+url+""
}
}  

</script>

 

[senty]

majahead, спасибо.
Решил проблему иначе

<input type="radio" 
name="pcColor" 
onclick="document.getElementById
('prod-color-id').href=
'/zBoxuersk/color/<?=$val['image'] ?>'" />

<a target="_blank" href="/zBoxuersk/color/no_colors.jpg"
 class="gallery" id="prod-color-id">Подробнее</a>

Немного подправил в дальнейшем, под собственные нужды:

<input type="radio" name="pcColor" 
onClick="document.getElementById('prod-color-id-div').style.display='block'; 
document.getElementById('prod-color-id').href='/zBoxuersk/color/<?=$val['image'] ?>'" />

<div id="prod-color-id-div" style="display: none;">
<a target="_blank" href="" class="gallery" id="prod-color-id">Подробнее</a>	
</div>

Принцип действия.

При клике на radio button с элемент в id=prod-color-id передается значение href и
ссылка становится видной, до этого она скрыта, если ни какой цвет не выбран.

Как-то так

 

[majahead]

Много дерьма в html получилось. Я бы и атрибут onClick постарался не использовал, вынес бы весь js в отдельный файл.