Question

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

这是相同类型的另一个示例：hide submit till checkbox is checked 奇怪的是我在我的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

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

1 个答案: