在单击按钮前后禁用提交按钮

disable submit button before and after the button clicked

本文关键字：按钮 提交 单击      更新时间：2023-09-26

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

这是同一类型的另一个示例：选中"隐藏提交"复选框奇怪的是，我在我的MS expression网站上尝试了上面的演示，并在Chrome中预览了它，但没有成功。我想要的全部内容是隐藏提交按钮，直到用户填写所有空白并同意服务条款，然后按钮就会出现。这是第一部分。

第二部分是我想在点击提交按钮后隐藏提交按钮。。。比如这个例子：演示：提交后隐藏按钮，但当我自己尝试时，这个按钮也不起作用。。。

是否可以将这两个代码组合在一起，这样我就可以隐藏提交按钮，直到填写了所需的字段，如果提交了表单，就可以再次隐藏它。。。

非常感谢你的帮助。。。

感谢

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

相关文章：