如果选中复选框，则切换按钮

Question

我做了一个注册表单，我想只允许用户按下创建帐户按钮，如果他选中了复选框，如果没有按钮是不可点击的。表单如下所示：

<input type="text" name="nume" value="" placeholder="Nume" /><br />
<input type="text" name="prenume" value="" placeholder="Prenume" /><br />
<input type="text" name="username" value="" placeholder="Username" /><br />
<input type="password" name="password1" value="" placeholder="Parola" /><br />
<input type="email" name="email1" value="" placeholder="E-mail" /><br />
<input type="checkbox" name="reguli" id="reguli" required >     
<label for="reguli">I agree with the website rules</label><br />
<input type="submit" name="cont" value="Creare cont" />

找到我搜索的内容：Toggle Button

Answer 1

为您的按钮添加ID

<input type="submit" name="cont" id="btnsubmit" disabled="true" value="Creare cont" />

然后将以下代码添加到您的javascript中，您就完成了

$("#reguli").change(function(){
    $("#btnsubmit").prop("disabled",!this.checked);
});

小提琴here

Answer 2

使用jquery validate插件     $（'＃signup form'）。validate（{     规则：{     reguli：{     要求：是的，     }}}）;