dynamic text box as response to a checkbox click

@CharlesSep 22.2004 — #[font=monospace]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta name="Content-Script-Type" content="text/javascript">

<meta name="Content-Style-Type" content="text/css">

<title>Example</title>

<style type="text/css">



</style>

</head>

<body onload="document.getElementById('other').className = 'hidden'">

<form action="someScript.pl">

<fieldset>

<legend>Example</legend>

<label>Name <input type="text"></label>

<label>Address <input type="text"></label>

<label><input type="checkbox" onclick="document.getElementById('other').className = this.checked ? '' : 'hidden'"> Other?</label>

<label id="other">Other <input type="text"></label>

<button type="submit">Submit</button>

</fieldset>

</form>

</body>

</html>[/font]

@Warren86Sep 22.2004 — #k_kyss:

Try this:

<HTML>

<Head>

<Script Language=JavaScript>

function getSSN(isForm){
 
   isForm.SSN.value = "";
   isForm.SSN.disabled = false;
   isForm.SSN.focus();
   alert('Please enter your Social Security Number');
  }
 
  function resetForm(isForm){
 
   isForm.reset();
   isForm.askCitizen[0].checked = true;
   initForm(isForm);
  }
 
  function unDo(isForm){
 
   isForm.askCitizen[0].checked = true;
   initForm(isForm);
  }
 
 
  function initForm(isForm){
 
   isForm.SSN.value = "000-00-0000";
   isForm.SSN.disabled = true;
   isForm.country.value = "USA";
   isForm.personal.focus();
  }

</Script>

</Head>

<Body>

<form name='Form1'>

Name <input name='personal' size=25><br><br>

Address <input name='address' size=30><br><br>

City <input name='city' size=15> State <input name='state' size=2><br><br>

Zip Code <input name='zip' size=4>   Country <input name='country' size=15><br><br>

Are you a U.S. citizen?

<input type=radio name='askCitizen' checked onClick="unDo(Form1)"> No

<input type=radio name='askCitizen' onClick="getSSN(Form1)"> Yes <br>

SSN <input name='SSN' size=9><br><br>

<input type=submit value="Submit Form">

<input type=button value="Reset" onClick="resetForm(Form1)">

</form>

<Script>

initForm(Form1);

</Script>

</Body>

</HTML>

dynamic text box as response to a checkbox click

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

dynamic text box as response to a checkbox click

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴