An onClick event Handler for Radio Buttons : RadioButton Radio « Form Control « JavaScript DHTML

An onClick event Handler for Radio Buttons

<TITLE>Radio Button onClick Handler</TITLE>
var myOption = false
function initValue() {
    myOption = document.forms[0].songs[3].checked
 function fullName(form) {
    for (var i = 0; i < form.songs.length; i++) {
        if (form.songs[i].checked) {
    alert("You chose " + form.songs[i].value + ".")
function setShemp(setting) {
    myOption = setting
function exitMsg() {
    if (myOption) {
        alert("You like My Option?")
<BODY onLoad="initValue()" onUnload="exitMsg()">
<B>Select your favorite song:</B><P>
<INPUT TYPE="radio" NAME="songs" VALUE="A" CHECKED onClick="setShemp(false)">A
<INPUT TYPE="radio" NAME="songs" VALUE="B" onClick="setShemp(false)">B
<INPUT TYPE="radio" NAME="songs" VALUE="C" onClick="setShemp(false)">C
<INPUT TYPE="radio" NAME="songs" VALUE="D" onClick="setShemp(true)">D<P>
<INPUT TYPE="button" NAME="Viewer" VALUE="View Full Name..." onClick="fullName(this.form)">


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.Scripting a Group of Radio Objects
10.Finding the Selected Button in a Radio Group
11.Get the radio button selection
12.Get the select radio button and its value
13.Cycle the selected radio buttons