禁用按钮直到勾选复选框

Question

很抱歉，如果有人问过这个问题，我发现很难在我的代码中使用我发现的答案。

基本上，我有一个 "receive" 按钮，当用户点击时，会收到一封电子邮件。但是，我想要选中一个勾选框，以便让按钮变得可点击。我有一个可以正常工作的代码，但是当页面首次加载时，"Receive" 按钮已经可以点击了。但是，当我单击复选框然后取消单击它时，它会禁用该按钮。

<td>
    <input type="checkbox"  id="tick" onchange="document.getElementById('terms').disabled = !this.checked;" />
    <td>
    <p> I agree to the <a href="terms.html" target="_blank">Terms & Conditions</a></p>
    </td>
</td>
</tr>
<td class="label1"></td>
<td align="right">
    <button type="submit" class="btn btn1" name="terms" id="terms">Receive</i></button>
</td>

Answer 1

最初将属性 disabled 添加到按钮

 <td>
                                <input type="checkbox"  id="tick" onchange="document.getElementById('terms').disabled = !this.checked;" />
            <td>
            <p> I agree to the <a href="terms.html" target="_blank">Terms & Conditions</a></p>
            </td>
                            </td>
                          </tr>
                            <td class="label1"></td>
                            <td align="right">
                                <button type="submit" class="btn btn1" name="terms" id="terms" disabled>Receive</i></button>
                            </td>

Answer 2

只需在按钮上添加 disabled 属性

<button type="submit" class="btn btn1" name="terms" disabled id="terms">Receive</i></button>

Answer 3

给按钮添加 "disabled" 属性是一个更好的解决方案。

disabled 属性是布尔属性。

如果存在，它指定应禁用该按钮。

禁用的按钮无法使用且不可点击。

Answer 4

请将属性禁用添加到按钮

我同意条款和条件

收到

Answer 5

请检查答案：在简单的 HTML 中，只需将 "disabled" 属性添加到按钮。

与 jQuery :

    $('#terms').attr('disabled',true);

和Css

禁用按钮直到勾选复选框

Disable button until checkbox ticked

html

checkbox

onchange

checked