单选按钮来创建从选择网址

我有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

单选按钮来创建从选择网址

回答

相关问题