Javascript 如何让用户单击两个条款和条件才能继续?

Javascript 如何让用户单击两个条款和条件才能继续?,javascript,php,html,Javascript,Php,Html,我试图让用户在点击“同意并继续”按钮之前必须接受两个条款和条件。我尝试插入第二个复选框,但用户只需单击“同意并继续”按钮,而不必选中任何一个复选框,因此此代码只有一个复选框。 谢谢 我同意和 我了解我正在访问第三方网站,并将遵守他们的和 您可以使用以下选项设置复选框: <form> <input type="email" required /> <input type="password" require

我试图让用户在点击“同意并继续”按钮之前必须接受两个条款和条件。我尝试插入第二个复选框,但用户只需单击“同意并继续”按钮,而不必选中任何一个复选框,因此此代码只有一个复选框。 谢谢


我同意和


我了解我正在访问第三方网站,并将遵守他们的和


您可以使用以下选项设置复选框:

<form>
    <input type="email" required />
    <input type="password" required> 
    <input type="checkbox" required><label for="scales">I'm agree</label>
    <input type="submit">
</form>

我同意
它将产生:


您不需要任何其他javascript检查,只需要“必需”属性。

您可以使用以下选项设置必需的复选框:

<form>
    <input type="email" required />
    <input type="password" required> 
    <input type="checkbox" required><label for="scales">I'm agree</label>
    <input type="submit">
</form>

我同意
它将产生:


您不需要任何其他javascript检查,只需要“required”属性。

添加第二个带有显式名称的复选框,然后使用布尔值“or”、
|
,查看是否两者都未选中。不需要
else
,因为第一个条件返回,所以可以安全地删除

函数复选框(f){
如果(!f.agree.checked | |!f.agree|u第三方| u.checked){
警报('请勾选此框以继续');
返回false;
}
返回true;
}
另一种方法是将其分解,以便您可以发送不同的消息:

函数复选框(f){
如果(!f.agree.checked){
警报('请选中第一个框继续');
返回false;
}
如果(!f.同意第三方检查){
警报('请勾选第二个框继续');
返回false;
}
返回true;
}
此外,您可以完全删除JavaScript并使用本机HTML5
required
属性。(为了方便和可访问性,我情不自禁地将复选框包装在标签中,但它们不是必需的。)


我同意和


我了解我正在访问第三方网站,并将遵守他们的和
如果你想:


添加第二个带有显式名称的复选框,然后使用布尔值“or”、
|
,查看是否两者都未选中。不需要
else
,因为第一个条件返回,所以可以安全地删除

函数复选框(f){
如果(!f.agree.checked | |!f.agree|u第三方| u.checked){
警报('请勾选此框以继续');
返回false;
}
返回true;
}
另一种方法是将其分解,以便您可以发送不同的消息:

函数复选框(f){
如果(!f.agree.checked){
警报('请选中第一个框继续');
返回false;
}
如果(!f.同意第三方检查){
警报('请勾选第二个框继续');
返回false;
}
返回true;
}
此外,您可以完全删除JavaScript并使用本机HTML5
required
属性。(为了方便和可访问性,我情不自禁地将复选框包装在标签中,但它们不是必需的。)


我同意和


我了解我正在访问第三方网站,并将遵守他们的和
如果你想: