Menu
I am trying to cycle the radio buttons from right to left and back again, but I stop on John when it should return back to Ringo.
[CODE]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Extracting Highlighted radio Buttons</title>
<script language=”Javascript”>
function getselectedbutton(buttongroup){
//— This function creates the first button –>
for (var i=0; i<buttongroup.length;i++){
if (buttongroup[i].checked){
return i
}
}
return 0
}
function fullname(form){
//— This function allows the user to view the full name of the selected stooge –>
var i=getselectedbutton(form.stooges)
alert(“You chose “+ form.stooges[i].value +”.”)
}
function cycle(form){
//— This function allows you to cycle through the names –>
var i=getselectedbutton(form.stooges)
if (i–==form.stooges.length){
form.stooges[0].checked=true
} else {
form.stooges[i–].checked=true
}
}
</script>
</head>
<body>
<form>
<p> <b>Select your favorite Beatle:</b></P>
<input type=”radio” Name=”stooges” Value=”John Lennon” Checked>John
<input type=”radio” Name=”stooges” Value=”Paul McCartney” Checked>Paul
<input type=”radio” Name=”stooges” Value=”George Harrison ” Checked>George
<input type=”radio” Name=”stooges” Value=”Ringo Starr” Checked>Ringo
<p> <input type=”button” Name=”Viewer” Value=”View full name…” onClick=”fullname(this.form)”></P>
<input type=”button” Name=”Cycler” Value=”Cycle buttons.” onClick=”cycle(this.form)”>
</form>
</body>
</html>