Using the document.forms Property : Form HTML « Form Control « JavaScript DHTML






  1. JavaScript DHTML
  2. Form Control
  3. Form HTML

Using the document.forms Property

 
<HTML>
<HEAD>
<TITLE>document.forms example</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function myFunction() {
    if (document.forms[0].bluish.checked) {
        alert("Now going to the Blues music area...")
    } else {
        alert("Now going to Rock music area...")
    }
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="theBlues">
<INPUT TYPE="checkbox" NAME="bluish">Check here if you've got the blues.
</FORM>
Text<HR>Text<HR>Text<HR>Text<HR>Text<HR>Text<HR>Text<HR>Text<HR>
<FORM NAME="visit">
<INPUT TYPE="button" VALUE="Visit music site" onClick="myFunction()">
</FORM>
</BODY>
</HTML>








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. Passing a Form Object and Form Element to Functions
12. Last-Minute Checking Before Form Submission
13.A Form for Entering a URL
14.Storing the last value using a Hidden object.
15.Methods and Properties of the Submit Object
16.Methods and Properties of the Reset Object
17.Properties of the Hidden Object
18.Methods and Properties of the Form Object
19.Client-Side JavaScript Objects and HTML Tags That Create Instances of Them
20.Use hidden field to store data