Passing the Form Object as a Parameter : Function « Language Basics « JavaScript DHTML

Passing the Form Object as a Parameter


<TITLE>Beatle Picker</TITLE>
function processData(form) {
    for (var i = 0; i < form.items.length; i++) {
        if (form.items[i].checked) {

    var choseItem = form.items[i].value
    var chosenSong =
    alert("Looking to see if " + chosenSong + " was written by " + choseItem + "...")
function checkSong(songTitle) {
    var enteredSong = songTitle.value
    alert("Making sure that " + enteredSong + " was recorded by the items.")
<FORM NAME="Abbey Road">
Choose your favorite Beatle:
<INPUT TYPE="radio" NAME="items" VALUE="A" CHECKED="true">A
<INPUT TYPE="radio" NAME="items" VALUE="B">B
<INPUT TYPE="radio" NAME="items" VALUE="C">C
<INPUT TYPE="radio" NAME="items" VALUE="D">D
Enter the name of your favorite items song:<BR>
<INPUT TYPE="text" NAME="song" VALUE="value" onChange="checkSong(this)"><P>
<INPUT TYPE="button" NAME="process" VALUE="Process Request..." onClick="processData(this.form)">


Related examples in the same category

1.Show Arguments
2.Function That Wraps Document.Write, Adding a Line Break
3.setTimeout() with a pointer to a function
4.Define function in JavaScript
5.Funciton with arguments
6.Pass variables to a function, and use these variable values in the function
7.Function that returns a value
8.A function with arguments, that returns a value
9.A Function Can Be Set Up to Accept a Variable Number of Arguments
10.Accepting Either One or No Arguments
11.Functions That Return Values Can Be Used in Expressions
12.Using an Argument with a JavaScript Function
13.Declaring a Function in the 'head' Block
14.Passing by Reference Versus Passing by Value
15.A Function Definition
16.Using the Function Object
17.Calling a Function from an Event Handler
18.A Function's arguments and caller Properties
19.Variable Scope Workbench Page
20.Calling a Generalizable Function
21.Simplest function
22.Pass string value in and return string value out
23.A function with only one statement
24.Call your function
25.Nested function call
26.Define a function to accept the string value
27.Call a javascript function with javascript:void()
28.Return an incremented value
29.Check the function parameters
30.Save returned value from a function to a variable
31.Invoking third argument as function
32.Array filter and callback functions
33.Function is Object
34.Call function in body onload event