Scripting a Group of Radio Objects : RadioButton Radio « Form Control « JavaScript DHTML






  1. JavaScript DHTML
  2. Form Control
  3. RadioButton Radio

Scripting a Group of Radio Objects

 <HTML> <HEAD> <TITLE>Extracting Highlighted Radio Button</TITLE> <SCRIPT LANGUAGE="JavaScript"> function fullName() { var form = document.forms[0] for (var i = 0; i < form.songs.length; i++) { if (form.songs[i].checked) { break; } } alert("You chose " + form.songs[i].value + ".") } </SCRIPT> </HEAD> <BODY> <FORM> <B>Select your favorite song:</B> <INPUT TYPE="radio" NAME="songs" VALUE="A" CHECKED>A <INPUT TYPE="radio" NAME="songs" VALUE="B" >B <INPUT TYPE="radio" NAME="songs" VALUE="C" >C<BR> <INPUT TYPE="button" NAME="Viewer" VALUE="View Full Name..." onClick="fullName()"> </FORM> </BODY> </HTML>








Related examples in the same category

1.'defaultChecked' Example
2.Radio Button status Example
3.Check a Radio Button
4.Radio buttons in a form
5.Using the onPropertyChange Property
6.Radio action
7.Methods and Properties of the Radio Object
8.Determining the Value of the Selected Radio Button
9.Finding the Selected Button in a Radio Group
10.An onClick event Handler for Radio Buttons
11.Get the radio button selection
12.Get the select radio button and its value
13.Cycle the selected radio buttons
close