Mega Code Archive

 
Categories / JavaScript DHTML / Form Control
 

Passing the form Object as a Parameter

<html>  <head>  <title>Beatle Picker</title>  <script type="text/javascript">  function processData(form) {      for (var i = 0; i < form.Beatles.length; i++) {          if (form.Beatles[i].checked) {              break;          }      }      var chosenBeatle = form.Beatles[i].value;      var chosenSong = form.song.value;      alert(chosenSong + " " + chosenBeatle );  }  function checkSong(songTitle) {      var enteredSong = songTitle.value;      alert(enteredSong);  }  </script>  </head>  <body>  <form name="Abbey Road">  Choose your favorite Beatle:  <input type="radio" name="Beatles" id="Beatles1" value="John Lennon" checked="true" />John  <input type="radio" name="Beatles" id="Beatles2" value="Paul McCartney" />Paul  <input type="radio" name="Beatles" id="Beatles3" value="George Harrison" />George  <input type="radio" name="Beatles" id="Beatles4" value="Ringo Starr" />Ringo  <p>Enter the name of your favorite Beatles song:<br />  <input type="text" name="song" id="song" value="value" onchange="checkSong(this)" /></p>  <p><input type="button" name="process" id="process" value="Process" onclick="processData(this.form)" /></p>  </form>  </body>  </html>