單選按鈕來創建從選擇網址

我有3個單選按鈕與選擇按鈕 - 現在我需要改變選擇按鈕，選擇單選按鈕。例如HTML代碼：單選按鈕來創建從選擇網址

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

現在我想將我的選擇按鈕來獲得一個URL 這個網址我想我必須把無論是在排序的一些陣列的HTML或從讀數據庫。

任何建議如何鏈接的按鈕，以及如何嵌入的網址將不勝感激。

提前致謝閱讀和評論。

來源

2016-03-02 Wintergin

您已經嘗試了什麼？ – Banik

我不明白你想要什麼 –

這個短語「我必須放置在某個數組中的某個數組中的html還是要從數據庫中讀取」是什麼意思？ – RomanPerekhrest

您可以將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

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

來源

2016-03-02 07:04:38 brk

謝謝你這個偉大的答案 - 它似乎工作正常，但由於某種原因，它將我的當前站點URL放在單選按鈕的值之前。任何想法，我將如何打開具體的鏈接，或者可能會有與我的具體網站有其他問題？ – Wintergin

<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'; 
}

來源

2016-03-02 07:05:01

單選按鈕來創建從選擇網址

回答

相關問題