我是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/