Question

如果已经提出过这样的道歉，我发现很难使用我在代码中找到的答案。

基本上，我有一个＆＃34;接收＆＃34;按钮，当用户点击时，将收到一封电子邮件。但是，我想要勾选一个复选框，以便按钮变为可点击。我有一个有用的代码，但是当页面首次加载时，＆＃34;接收＆＃34;按钮已经可以点击。但是，当我单击勾选框然后取消选中它时，它会禁用该按钮。

<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

添加＆＃34;禁用＆＃34;属性到按钮是一个更好的解决方案。

disabled属性是布尔属性。

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

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

Answer 4

请将按钮禁用添加到按钮

我同意条款和条款条件

接收

Answer 5

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

使用jQuery：

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

使用Css

禁用按钮，直到勾选复选框

5 个答案: