Javascript 选择导航到URL上的单选按钮
我是java脚本的新手,尝试实现以下目标,并寻求建议: 创建两个单选按钮,每当我们选择on单选按钮时,它应该导航到一些URL,如下面的示例XYZ.com或ABC.comJavascript 选择导航到URL上的单选按钮,javascript,html,Javascript,Html,我是java脚本的新手,尝试实现以下目标,并寻求建议: 创建两个单选按钮,每当我们选择on单选按钮时,它应该导航到一些URL,如下面的示例XYZ.com或ABC.com <html> <table width="450"> <tr> <td style="background-color:#FFFFFF;"><h4>Choose a Field</h4></td> </tr> </table&g
<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>
选择一个字段
XYZ
ABC
我在上面的例子中使用了Go按钮,我们如何做到这一点,而不使用Go按钮,一旦选择导航到该链接
请给我一些建议
提前谢谢大家
-
V看看这里:
这里有一点争论,然后在底部有一个完整的例子。看看这里:
这里有一点争论,然后在底部有一个完整的示例。您可以使用单选按钮的“onclick”事件处理程序来完成,如下所示:
<input type="RADIO" value="http://abc.com" onclick="window.open(this.value)" name="userChoice" id="navRadio02" checked>
请注意,正如您的问题的评论中所述,锚定标记更适合这样做。您可以使用单选按钮的“onclick”事件处理程序来完成此操作,如下所示:
<input type="RADIO" value="http://abc.com" onclick="window.open(this.value)" name="userChoice" id="navRadio02" checked>
请注意,正如您问题的评论中所述,锚定标记更适合这样做。您可以将单选按钮的引用传递给单选按钮的onclick事件触发的函数。然后在函数中,打开单选按钮值指定的链接
<script>
function openLink(radio){
window.open(radio.value,'_self');
}
</script>
例如,函数openLink
根据单选按钮的值打开链接
<script>
function openLink(radio){
window.open(radio.value,'_self');
}
</script>
您可以将单选按钮的引用传递给由单选按钮的onclick事件触发的函数。然后在函数中,打开单选按钮值指定的链接
<script>
function openLink(radio){
window.open(radio.value,'_self');
}
</script>
例如,函数openLink
根据单选按钮的值打开链接
<script>
function openLink(radio){
window.open(radio.value,'_self');
}
</script>
试试这个例子:
<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" name="userChoice" id="navRadio01" onclick="window.location='http://google.com'">
<input type="RADIO" name="userChoice" id="navRadio02" onclick="window.location='http://yahoo.com.com'">
</fieldset>
</form>
</html>
选择一个字段
希望它有帮助……试试这个例子:
<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" name="userChoice" id="navRadio01" onclick="window.location='http://google.com'">
<input type="RADIO" name="userChoice" id="navRadio02" onclick="window.location='http://yahoo.com.com'">
</fieldset>
</form>
</html>
选择一个字段
希望它能帮助…
选择一个字段
选择一个字段
为什么要使用单选按钮而不是锚定标记(语义更正确)?为什么要使用单选按钮而不是锚定标记(语义更正确)?这是正确的答案;它使用当前窗口导航到新url,其他实现在新窗口/选项卡中打开url;它使用当前窗口导航到新url,其他实现在新窗口/选项卡中打开url。