Радио кнопки для создания URL-адреса от выбора

Question

У меня есть 3 радио кнопки с кнопкой выбора - теперь мне нужно изменить кнопку выбора, на которую выбран переключатель. Для примера HTML код:

<INPUT TYPE="radio" id="Orange"> Orange 
<INPUT TYPE="radio" id="Apple""> Apple 
<INPUT TYPE="radio" id="Mango"> Mango 
<button>Select</button> 

теперь я хотел бы связать свою кнопку Выбрать, чтобы получить URL Этот URL я думаю, что я должен буду размещать либо в HTML в некотором массиве рода или читать из база данных.

Любые советы о том, как связать кнопку и как вставлять URL-адрес, будут очень признательны.

Заранее благодарим за чтение и комментирование.

Answer 1

Вы можете передать ссылку URL как значение переключателя. Затем, нажав кнопку , установите значение переключаемой кнопки.

HTML

<INPUT TYPE="radio" id="Orange" name="myRadio" value="www.google.com"> Orange 
<INPUT TYPE="radio" id="Apple" name="myRadio" value="www.mozilla.com"> Apple 
<INPUT TYPE="radio" id="Mango" name="myRadio" value="www.microsoft.com"> Mango 
<button onclick="navigateSite()">Select</button> //trigger navigateSite function 

JS

function navigateSite(){ 
var getUrl = document.querySelector('input[name = "myRadio"]:checked').value 
    console.log(getUrl); 
    // location.href = getUrl // If you want to navigate to the site 
} 

EXAMPLE

Answer 2

<INPUT TYPE="radio" name="URL" id="Orange"> Orange 
<INPUT TYPE="radio" name="URL" id="Apple""> Apple 
<INPUT TYPE="radio" name="URL" id="Mango"> Mango 
<button onclick="getURL();">Select</button> 

function getURL(){ 
var url = document.getElementsByName('URL'); 
var url_value; 
for(var i = 0; i < url.length; i++){ 
    if(url[i].checked){ 
     url_value = rates[i].value; 
    } 
} 
location=url_value+'.com'; 
}