javascript - 在单击按钮之前和之后禁用提交按钮

Question

我试图让这个例子在这里工作，但无法hide submit button

这是同一类型的另一个示例:hide submit till checkbox is checked奇怪的是我在我的 MS expression web 上尝试了上面的演示并在 Chrome 中预览了它，但是没有用。我想要的全部是隐藏提交按钮，直到用户填写所有空白并同意服务条款，然后按钮才会出现。这是第一部分。

第二部分是我想在点击提交按钮后隐藏提交按钮...像这个例子:demo: hide button after submit ，但当我自己尝试时，这个也不起作用......

是否可以将这两种代码结合起来，以便我可以隐藏提交按钮直到填写必填字段并在提交表单时再次隐藏它...

非常感谢您的帮助...

谢谢

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