禁用前后按钮点击

Question

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

这是同类型的另一个例子提交按钮我的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