Regarding radio buttons

Question

0.00/5 (No votes)

See more:

Hi,

i have the following code with radio buttons it is giving an alert with radio button value after the selection but is it possible to link a website like google.com to the selection.

XML

<script language="javascript">
<!--
function RadioCheck() {

var selection = document.quiz.radio;
for (i=0; i<selection.length; i++)
  if (selection[i].checked == true)
  alert(selection[i].value)
}
//-->
</script>

XML

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

XML

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

Thanks in advance for your help.

Posted 27-Jul-11 12:40pm

Member 8046452

Add a Solution

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

thatraja · Answer 1 · 2011-07-27T12:52:00

Solution 1

Use Window.Location or Window.Open

JavaScript

<script language="javascript">
<!--
function RadioCheck() {
 
var selection = document.quiz.radio;
for (i=0; i<selection.length; i++)
  if (selection[i].checked == true)
  window.location = "http://www.google.com/";
}
//-->
</script>

Posted 27-Jul-11 12:52pm

thatraja

Comments

Member 8046452 27-Jul-11 18:56pm

Thanks dude but it is not working.

thatraja 27-Jul-11 18:58pm

Any error message are you getting? check in javascript degugger

Member 8046452 27-Jul-11 20:07pm

No, it is not showing any error. It is reloading the same page again.

Graham Breach · Answer 2 · 2011-07-27T21:22:00

Solution 2

Because you're using a submit button, you need to return false to prevent the form submitting:

XML

<script language="javascript">
<!--
function RadioCheck() {
var selection = document.quiz.radio, urls = [
  'http://www.google.com/', 'http://www.bing.com/', 'http://yahoo.com/'
];
for (i=0; i<selection.length; i++)
  if (selection[i].checked)
    window.location = urls[i];
  return false; // ADD THIS!
}
//-->
</script>

You need a return in the onclick too:

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

Posted 27-Jul-11 21:22pm

Graham Breach

Comments

Member 8046452 28-Jul-11 13:46pm

It is not going from there but i change it like this it is working but i need it on submit button

<SCRIPT LANGUAGE="JavaScript">

function go(loc) {
window.location.href = loc;
}

</script>

</HEAD>

<BODY>

<form name="form">
<input type="radio" name="loc" önClick="go('http://www.google.com/');"> google<br>
<input type="radio" name="loc" önClick="go('http://www.yahoo.com/');"> yahoo<br>
<input type="radio" name="loc" önClick="go('http://www.facebook.com/');"> facebook<br>
</form>

</BODY>

Regarding radio buttons

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Regarding radio buttons

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us