Question

I was trying to make this example here work, but unable hide submit button

This is another example of the same type: hide submit till checkbox is checked
The weird thing is I tried the above demo on my MS expression web and previewed it in Chrome, but didn’t work. The whole thing I want is to hide the submit button till a user fill in all blanks and agree to service terms then the button shows up. And this is the first part.

The second part is that I want to hide the submit button after the submit button is clicked… like this example: demo: hide button after submit, but also this one doesn’t work when I try it on my own…

is it possible to combine both codes so it works in a way that I can hide the submit button till required fields are filled and hide it again if the form is submitted…

your help is much appreciated…

Thanks

Answer 1

HTML:

<form>
    <table>
        <tr><td align="center"><input type="checkbox" name="agree" id="agree">I agree Terms and Conditions</td></tr>
        <tr><td align="center"><input type="submit" name="submit" id="submit" style="display:none" value="submit"></td></tr>
    </table>
</form>

Javascript:

$(function() {
    $('#agree').change(function() {
        $('#submit').hide();
        if(this.checked){
            $('#submit').show();   
        }
    });
    $('#submit').on('click', function(){
        $('#submit').hide();
    });
});

JSFiddle