用javascript的单选按钮

时间:2011-07-28 21:34:59

标签: javascript

我有以下编码单选按钮,它们在下面的代码中检索值。 是否可以从这些检索到的值中创建超链接引用,例如google.com和/或yahoo.com用于所选的单选按钮?

<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>

提前感谢。

2 个答案:

答案 0 :(得分:0)

我不确定“红色”是否应该重定向到Google,但如果您愿意,请执行以下代码:

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

答案 1 :(得分:0)

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