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

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);
});