simple JS works in IE but not firefox?

[bja714]

Hi All,

I have a form on a webpage witha submit button where the button is disabled until the user ticks a checkbox. It works perfectly in IE but not in firefox. My code is below:

<script type="text/javascript">
function disable_enable(){
if (document.all || document.getElementByid){
document.order.submit_button.disabled=!document.or der.submit_button.disabled
}
}
</script>

<input type="checkbox" name="C1" value="ON" onclick="js:disable_enable()">

<input type="submit" value="Submit" name="submit_button" disabled>

Any help or idea's very much appreciated :)

[iam_clint]

<script type="text/javascript">
function disable_enable() {
    if(C1.checked) {
    submit_button.disabled = false;
    } else {
    submit_button.disabled = true;
    }
}
</script>
 
<input type="checkbox" name="C1" id="C1" value="ON" onclick="js:disable_enable()">
 
<input type="submit" value="Submit" id="submit_button" id="submit_button" disabled> 
 

this is how it could be done...

[bja714]

Thanks heaps :) couldnt have done it without you!

[bja714]

hmm... small problem.. now it works fine in forefox.. but without touching anything else IE now says "error on page" when i tick the checkbox.

Error on line 10, char 2, "C1 is undefined".

I have the script above in my header should it not be there?

[iam_clint]

you might try document.getElementById("C1").checked