Question

For some reason my check box isnt controlling the fileupload field I have. Can anyone see what is going wrong with this? When I check the box it does nothing and i’m not getting any errors returned?

<script type="text/javascript">
function checkBox() {
    var changeimage=document.forms["myform"]["changeimage"].checked
    if (changeimage) {
        document.forms["myform"]["picupload"].style.display='';
    } else {
        document.forms["myform"]["picupload"].style.display='none';
    }   
}
</script>
...
<input type="checkbox" name="chnageimage" id="changeimage" onclick"checkBox();" />
  <label for="changeimage"></label>
  <br />
  <label for="picupload"></label>
  Picture
  <input type="file" name="picupload" id="picupload" style="display: none;"/>
  <br />
  <img src="userpics/<?php echo $row['Photo'] ?>" /></p>

Answer 1

Its much better to do this.

Change your HTML checkbox like this. Pass this object of the clicked HTMLElement on the onclick event

<input type="checkbox" name="chnageimage" id="changeimage" onclick="checkClick(this);" />

Now you can change your javascript like this.

function checkClick(objCheckBox) {
    document.getElementById("picupload").style.display = objCheckBox.checked ? 'block' : 'none';
}

No valid value for .style.display takes the value ''. It should be block in this example.