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我认为我必须将html放在某些排序数组中或从数据库中读取。

有关如何链接按钮以及如何嵌入URL的任何建议都将非常感激。

提前感谢阅读和评论。

Answer 1

您可以将网址链接作为单选按钮的值传递。然后点击按钮获取已选中单选按钮的值。

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

用于从选择

2 个答案: