锁定按钮，直到选中复选框

Question

您好我想弄清楚如何在选中复选框之前禁用链接这是链接

< a class="link1" data-type="submit" >send< /a>

，复选框的代码是

< input type="checkbox" />

我需要强制访问者在链接处于活动状态之前检查复选框，这是针对联系表单，这是为了强制他们在向我们发送消息之前同意条款和条件。

谢谢！

Answer 1

试试这个

<input type="submit" name="submit-btn" id="submitbtn" value="    Submit    " disabled="disabled" />
<input type="checkbox" id="check" onchange="document.getElementById('submitbtn').disabled = !this.checked;"/>

Answer 2

使用jQuery：

例如。在文档加载时禁用按钮：

$(document).ready(function () {
  $('#buttonId').attr('disabled', true);
});

或

在HTML中设置禁用：

<input id="buttonId" type="button" disabled="disabled" value="button caption" />

选中复选框后单击 - 启用制作按钮：

$('#checkbox').change(function(){
  $('#buttonId').attr('disabled', !this.checked);
});