禁用按钮，直到选中复选框答案

【问题标题】：Disable button until checkbox ticked禁用按钮，直到选中复选框
【发布时间】：2017-03-29 08:53:45
【问题描述】：

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

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

<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>

【问题讨论】：

标签： html checkbox onchange checked

【解决方案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>

【讨论】：

【解决方案2】：

只需在按钮上添加disabled 属性

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

【讨论】：

【解决方案3】：

为按钮添加“禁用”属性是更好的解决方案。

disabled 属性是一个布尔属性。

当存在时，它指定按钮应该被禁用。

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

【讨论】：

【解决方案4】：

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

使用 jQuery：

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

使用 Css

【讨论】：

【解决方案5】：

请将属性disabled添加到按钮

我同意条款和条件

收到

【讨论】：