2017-03-29 65 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