Passing a Form Object and Form Element to Functions : Form HTML « Form Control « JavaScript DHTML

Passing a Form Object and Form Element to Functions

<TITLE>Beatle Picker</TITLE>
function processData(form) {
    for (var i = 0; i < form.CheckBoxes.length; i++) {
        if (form.CheckBoxes[i].checked) {
    var beatle = form.CheckBoxes[i].value;
    var song =;
    alert(song + " " + beatle);
function verifySong(entry) {
    var song = entry.value;
<FORM onSubmit="return false">
Choose your favorite Beatle:
<INPUT TYPE="radio" NAME="CheckBoxes" VALUE="P">P
<INPUT TYPE="radio" NAME="CheckBoxes" VALUE="G">G
<INPUT TYPE="radio" NAME="CheckBoxes" VALUE="R">R<P>
Enter the name of your favorite song:<BR>
<INPUT TYPE="text" NAME="song" VALUE = "test" onChange="verifySong(this)"><P>
<INPUT TYPE="button" NAME="process" VALUE="Process Request..." onClick="processData(this.form)">


Related examples in the same category

1.Adjusting a CGI Submission Action
2.Button Objects: Submit, Reset, and Button
3.Checking Elements on a Form
4.Submitting Forms to the Server
5.Variables in Hidden form
6.Creating an Example Form for User Feedback
7.Accessing the Elements of a Form
8.Using the form.elements Array
9.form.reset() and form.submit() Methods
10.The onReset and onSubmit Event Handlers
11. Last-Minute Checking Before Form Submission
12.A Form for Entering a URL
13.Storing the last value using a Hidden object.
14.Methods and Properties of the Submit Object
15.Methods and Properties of the Reset Object
16.Properties of the Hidden Object
17.Methods and Properties of the Form Object
18.Client-Side JavaScript Objects and HTML Tags That Create Instances of Them
19.Using the document.forms Property
20.Use hidden field to store data