javascript - 选择导航到 URL 上的单选按钮

标签 javascript html

我是java脚本的新手,正在尝试实现以下目标并正在寻找建议:

创建两个单选按钮,每当我们选择单选按钮时,它都应该导航到某个 URL,如下面的示例 XYZ.com 或 ABC.com

<html>
<table width="450">
<tr>
<td style="background-color:#FFFFFF;"><h4>Choose a Field</h4></td>
</tr>
</table></br>
<form action="../">
<fieldset>
<input type="RADIO" value="http://xyz.com"     name="userChoice" id="navRadio01">
 <label for="navRadio01">XYZ</label><br> 
<input type="RADIO" value="http://abc.com"    name="userChoice" id="navRadio02" checked>
        <label for="navRadio02">ABC</label><br>  
<input type="BUTTON"  value="Go"    onclick="ob=this.form.userChoice;for(i=0;i<ob.length;i++){
    if(ob[i].checked){window.open(ob[i].value,'_self');};}" style="color:#FFFFF;background-color:#E0E0E5;font-family:verdana;border-style:solid;" />
</fieldset>
</form>
</html>

我在上面的示例中使用了“Go”按钮,我们如何才能做到这一点,而不使用“Go”按钮,一旦选择导航到该链接。?

请指教。

提前谢谢大家。

- V

最佳答案

您可以使用单选按钮的“onclick”事件处理程序来完成此操作,如下所示:

<input type="RADIO" value="http://abc.com" onclick="window.open(this.value)" name="userChoice" id="navRadio02" checked>

请注意,正如您问题的评论中所述, anchor 标记更适合执行此操作。

关于javascript - 选择导航到 URL 上的单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16043651/

相关文章:

javascript - 为什么 clean 命令在 Gradle React native 项目中不起作用?

javascript - 我的代码有效但不知道为什么(使用对象)

javascript - 包含数组的 JSON 对象

javascript-检查数组中对象的值是否不存在

javascript - Electron 中的假 Document.visibilityState

javascript - 单击按钮显示 div 并在 5 秒后隐藏相同的 div

html - CSS Bug : Footer under images on Firefox, 但在其他 Web 浏览器上位于图像之上

html - 右 Angular css中的三 Angular 形叠加

c# - 如何在 asp.net c# 中使用 response.redirect() 重定向到上一页

javascript - CKEditor getEditor() 错误,如何解决?