2011-07-28 53 views
1

我有以下代碼單選按鈕,它們檢索下面代碼中的值。 是否有可能從這些檢索的值中創建超鏈接引用,例如針對所選單選按鈕的google.com和/或yahoo.com?帶有javascript的單選按鈕

<script language="javascript"> 
<!-- 

function RadioCheck() { 


var selection = document.quiz.colour; 

for (i=0; i<selection.length; i++) 

    if (selection[i].checked == true) 
alert(selection[i].value); 




} 

//--> 
</script> 



</head> 
<body> 

<form name="quiz"> 

    <input type="radio" name="colour" value="red">red<br> 
    <input type="radio" name="colour" value="orange">orange<br> 
    <input type="radio" name="colour" value="yellow">yellow<br> 
<br> 


<input type="submit" value="Check Answer" onClick="RadioCheck()"> 

</form> 

在此先感謝。

+0

呃?...什麼代碼? –

+0

你想如何鏈接到谷歌,以及具體什麼網址? – Nightfirecat

+0

是否應該有代碼? – Maxx

回答

0

我不知道「紅」應該重定向到谷歌,但如果你想這樣,代碼線沿線的:

<input type="radio" name="colour" value="http://google.com/">red<br> 

,然後在JavaScript:

if (selection[i].checked == true) 
location.href = selection[i].value; 

因此,您可以導航到已設置爲某個網站的值,而不是提醒該值。

您還需要取消實際提交:http://jsfiddle.net/HDL7J/

+0

它不是導航只是重新加載頁面。 – ramesh

+0

我改變它是這樣的,但它是在選擇單選按鈕時進行導航,但是在選擇之後他必須點擊提交按鈕以向前移動 <形式名稱= 「形式」>
「radio」name =「loc」onClick =「go('http://www.facebook.com/');」> facebook
ramesh

+0

@ra網格:看我的編輯。 – pimvdb

0
<input type="radio" name="group" onclick="window.location.href = 'http://google.com'; return true;" />