I need to add to functions to a form upon submission:

1) I need to make sure the checkbox is ticked

2) If the checkbox is ticked and the form is submitted successfully, I
need to disable the submit button to prevent multiple submissions.

Here is example code which can be used for the above requirements individually:


Checkbox checker
----------------
<!--
function checkCheckBox(hh){
if (hh.accept.checked == false )
{
alert('You must accept our Privacy Policy to continue');
return false;
}else
return true;
}
//-->

<form action="---" method="post" enctype="multipart/form-data"
onsubmit="return checkCheckBox(this)">
<input type="checkbox" value="0" name="accept">




Disable submit button code
--------------------------


<!-- Begin
function disableForm(theform) {
if (document.all || document.getElementById) {
for (i = 0; i < theform.length; i++) {
var tempobj = theform.elements[i];
if (tempobj.type.toLowerCase() == "submit" ||
tempobj.type.toLowerCase() == "reset")
tempobj.disabled = true;
}
}
}
//  End -->


<form action="---" method="post" enctype="multipart/form-data"
onsubmit="return disableForm(this);">




So, I need a piece of code which combines these 2 functions please.

Hello therhino-ga,

Thank-you for your question.

The easiest way to disable an element on a page is to make sure
everything is *named* in the form, by doing this you can then directly
reference them.

Lets take this form:

<form name="form1" action="---" method="post"
enctype="multipart/form-data" onsubmit="return checkCheckBox(this)">
<input type="checkbox" value="0" name="accept">
<input name="submitbtn" type="submit" />
</form>

This form is called "form1" and has a checkbox called "accept" and a
submit button called "submitbtn".

Let's look at this piece of javascript:

document.form1.submitbtn.disabled=true;

This code would disable an element called "submitbtn" in the form
called "form1" on the page.

To combine this with your example we would be left with an example page like this:

<script language="javascript">
function checkCheckBox(hh){
if (hh.accept.checked == false )
{
  alert('You must accept our Privacy Policy to continue');
  return false;
}
else
  document.form1.submitbtn.disabled=true;
  // remove the following line to remove the alert!
  alert("The Submit button is disabled!");

  return true;
}
//-->
</script>
<form name="form1" action="---" method="post"
enctype="multipart/form-data" onsubmit="return checkCheckBox(this)">
<input type="checkbox" value="0" name="accept">
<input name="submitbtn" type="submit" />
</form>

If you require any further assistance with this matter please do not
hesitate to ask for clarification and I will do my best to respond
swiftly.

Spot on, thanks