html - 锁定按钮直到选中复选框

  显示原文与译文双语对照的内容
0 0

你好,我想知道如何禁用一个链接,直到选中一个复选框这是链接

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

复选框的代码为

 <input type="checkbox"/>

我要强制访问者在链接处于活动状态之前检查复选框,这是为了强制他们同意条款和条件。

谢谢!

时间:原作者:5个回答

0 0

试试这个

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

使用 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);
});
原作者:
...