2017-03-29 36 views
-2

道歉,如果这已被问及,我发现很难使用我发现在我的代码中使用的答案。禁用按钮,直到复选框打勾

基本上,我有一个“接收”按钮,当用户点击时,会收到一封电子邮件。但是,我希望勾选一个复选框以便按钮变为可点击。我有一个这样的代码,但首次加载页面时,“接收”按钮已经可以点击。但是,当我单击复选框然后取消选中它时,它会禁用该按钮。

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

回答

0

刚上按钮

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

哦,你能接受这个答案吗?那么..现在我觉得愚蠢哈哈。谢谢! –

+0

为什么在已经存在的地方写下相同的答案。 –

2

属性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> 
+0

OH!那么..现在我觉得愚蠢哈哈。谢谢! –

+0

如果它帮助 –

0

添加添加disabled属性 “已禁用” 属性的按钮是一个更好的解决方案。

disabled属性是一个布尔属性。

当出现时,它指定该按钮应该被禁用。

禁用的按钮不可用且不可点击。

0

请加attrbute 禁用到按钮

我同意条款&条件

接收

0

请核对答案: 在简单的HTML只是添加“禁用”属性按钮。

使用jQuery:

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

用CSS