检查复选框被选中，那么发送

我有这个标记：检查复选框被选中，那么发送

<form action="http://acumbamail.com/signup/13565/" method="POST"> 
    <input type="checkbox" id="privacidad-btn" > Acepto política de privacidad<br> 
    <input type="button" value="Enviar" id="submit_acumba"> 
</form>

我想，如果在button用户点击没有选中复选框有一个警告，他必须同意条款（检查checkbox ）。任何关于最佳方法的想法？

我开始做这个方式，但不知道怎么走那条路：

if (jQuery("#privacidad-btn").is(":checked")) { 

}

来源

2014-10-06 codek

您已经使用正确的条件。什么不工作？ – 2014-10-06 16:17:54

我不知道如何从那里去。我的意思是，如果我在条件中加入了alert（），那么即使复选框没有被选中，按钮也会发送信息。 – codek 2014-10-06 16:19:09

：您需要在按钮单击事件中编写条件。请看下面的tymeJVs答案。 – 2014-10-06 16:19:50

一种方法，我用HTML5喜欢的是表单验证

只是把required上的复选框当试图提交它，他们将有酥料饼的对话框中有自己的语言警告（它在什么是错用它形成了良好的荧光笔）

<input required type="checkbox" id="privacidad-btn">

你可以这样做tymeJV建议按钮点击事件$("#submit_acumba").click(...) 这样你会支持更多的浏览器。但是：它只会通过点击一个按钮来验证

但也有表单提交事件。

$("form").submit(function(e) { 
    if (! jQuery("#privacidad-btn").is(":checked")) { 
     // Not checked abort the default submit 
     e.preventDefault(); 
    } 
});

不同的是，它必须做所有的本地表单验证之前 - >如果它是无效的，将不会触发一个提交或调用函数
与button.onclick这将避免本地验证因为它会提交事件之前运行

来源

2014-10-06 16:18:42 Endless

+1票。清楚的解释。 – ursitesion 2014-10-06 16:44:07

您需要为按钮的处理程序，以及：

$("#submit_acumba").click(function(e) { 
    e.preventDefault(); 
    if (jQuery("#privacidad-btn").is(":checked")) { 
     //submit! 
    } 
})

来源

2014-10-06 16:18:51 tymeJV

使用这条直线和简单的HTML实现，你可以做到这一点，没有任何特殊的脚本（JAVASCRIPT/J查询）：

<form> 
<p><input type="checkbox" required name="terms"> I accept the <u>Terms and Conditions</u></p> 
<p><input type="submit"></p> 
</form>

这里有一个的jsfiddle链接，您可以用此方面发挥：http://jsfiddle.net/zs9b167b/

来源

2014-10-06 16:26:09 shmuli

检查复选框被选中，那么发送

回答

相关问题