Populating text fields upon checked checkbox

[micmac]

Hi all,
What is the best way of achieving the following?
I currently have a form. This consists of text fields related to a person's contact details. Below this area is a checkbox, when it is checked it will populate a few fields relating to the users mailing address details with some of the data from the fields above (if the contact address are the same).

Any ideas, tutorials on how to best achieve this?

Here is the script so far. (I've tried using javascript to know avail)

<table width="100%" border="0" cellspacing="5" cellpadding="0">

<tr> 
                  <td colspan="3"><hr noshade color="#FF3300"><b>Company Details</b><hr noshade color="#FF3300"></td>
                </tr>
                <tr><td><b>Full Company Name:</b><br> <input type="text" name="company_company_name" size="40"></td></tr>

                 <tr>
                 <td width="50%"><b>Company Email:</b><br> <input type="text" name="company_email"></td>
<td width="13%"><b>Area Code:</b><br> <input type="text" name="company_phone_prefix" size="3"></td>
<td width="37%"><b>Company Phone:</b><br> <input type="text" name="company_phone"></td>
  </tr>
  <td width="50%"></td>
    <td width="13%"><b>Area Code:</b><br> <input type="text" name="company_fax_prefix" size="3"></td>
    <td width="37%"><b>Company Fax:</b><br> <input type="text" name="company_fax"></td>
  </tr>
  <tr><td><b>Company Website:</b><br> <input type="text" name="company_website" size="40"></td></tr>
  <tr><td><b>Street Address:</b><br> <textarea name="company_address" cols="29" rows="4"></textarea></td></tr>
  </table>
  <table width="100%">
  <tr>
  <td width="25%"><b>Suburb:</b><br> <input type="text" name="company_suburb"></td>
  <td width="25%"><b>State:</b><br> <input type="text" name="company_state"></td>
  <td width="25%"><b>Postcode:</b><br> <input type="text" name="company_postcode" size="6"></td>
  <td width="25%"><b>Country:</b><br> 
  <select name="company_country">
  <?
  include ('include/country_list.php');
  ?>
  </select>
  </td>
  </tr>
  </table>
  <br>
<script language="JavaScript" type="text/JavaScript">
<!--
function populate()
{
  var the_box = window.document.form_2.check_mailing_address;
  var the_switch = "";
  if (the_box.checked == false) {


  } else {


  }
}
//-->
</script>

<table width="100%" border="0" cellspacing="5" cellpadding="0">

<tr> 
                  <td colspan="1"><hr noshade color="#FF3300"><b>Mailing Details</b><hr noshade color="#FF3300"></td>
                </tr>
				<tr><td><input name="check_mailing_address" onClick="populate();" type="checkbox"> <b>Check box if same as above</b><br><br><br></td></tr>
				<tr><td><b>Mailing Address:</b><br> <textarea name="mail_address" cols="29" rows="4"></textarea></td></tr>
  </table>
  <table width="100%">
  <tr>
  <td width="25%"><b>Suburb:</b><br> <input type="text" name="mail_suburb"></td>
  <td width="25%"><b>State:</b><br> <input type="text" name="mail_state"></td>
  <td width="25%"><b>Postcode:</b><br> <input type="text" name="mail_postcode" size="6"></td>

  </tr>
  </table>

Cheers,
micmac

[PHPdev]

micmac,

this is a JavaScript I used to disable a set of date fields (3 <select>) when a checkbox has been checked.

<script language="JavaScript" type="text/JavaScript">
<!--

function modDate() {
	if(document.form1.notanupdate.checked == true) {
		document.form1.month.disabled=true;
		document.form1.day.disabled=true;
		document.form1.year.disabled=true;
	} else {
		document.form1.month.disabled=false;
		document.form1.day.disabled=false;
		document.form1.year.disabled=false;	
	}
}

-->
</script>

So I think you are on the right track... I think that you just need to do something like this if the value is true

document.form_2.mail_suburb.value = document.form_2.comany_suburb.value;

and if the value is false then do...

document.form_2.mail_suburb.value = '';

Let me know if this helps...

PHPdev

[micmac]

Thanks PHPdev...that did the trick
🙂

Not as hard as i first thought it would be.
Thanks once again.

Cheers,
micmac