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

Question

我试图让这个例子在这里工作，但无法隐藏提交按钮

这是同一类型的另一个示例：隐藏提交直到选中复选框 奇怪的是我在我的 MS 表达式网络上尝试了上面的演示并在 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