javascript - 使用 jQuery 切换根据选中的复选框隐藏/显示表单提交按钮 - 如何设置默认情况下关闭的提交按钮？

Question

我正在使用一个表单，我希望需要选中一个复选框(“条款”)才能打开“提交”按钮(“结帐-提交”)。一旦您选中复选框然后取消选中等，我就可以正常工作。

但是，默认情况下会显示“提交”按钮。我不确定我的代码中如何确保页面加载时关闭“提交”按钮。

$('#terms').click(function() {
$("#checkout-submit").toggle(this.checked);
});

Answer 1

另一种方法是将 bool 属性 required 放在复选框上，如下所示

<input type="checkbox" required>

然后，如果用户在不选中该框的情况下尝试提交，则会出现一个 native html5 对话框(看起来相当不错)，提示您必须选中该框才能继续。用户可以根据需要多次点击“提交”，但在选中该复选框之前不会发生任何事情。请注意，所有这些都必须位于 form 元素内。