Deaktivieren Sie die Schaltfläche, bis das Kontrollkästchen aktiviert

Question

Entschuldigung, wenn dies bereits gefragt wurde, ich habe es schwierig gefunden, die Antworten zu verwenden, die ich in meinem Code verwendet habe.

Grundsätzlich habe ich eine Schaltfläche "Empfangen", die, wenn der Benutzer klickt, eine E-Mail erhalten wird. Aber ich möchte ein Kontrollkästchen aktiviert haben, damit die Schaltfläche anklickbar wird. Ich habe einen Code, der funktioniert, aber wenn die Seite zum ersten Mal geladen wird, ist der "Receive" -Button bereits anklickbar. Wenn ich jedoch auf das Kontrollkästchen klicke, klicke dann auf die Schaltfläche, um sie zu deaktivieren.

<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

Fügen Sie einfach disabled Attribut auf die Schaltfläche

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

Answer 2

das disabled Attribut hinzufügen zunächst auf die Schaltfläche

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

Hinzufügen von "disabled" -Attribut auf die Schaltfläche ist eine bessere Lösung.

Das deaktivierte Attribut ist ein boolesches Attribut.

Wenn vorhanden, wird festgelegt, dass die Schaltfläche deaktiviert werden soll.

Eine deaktivierte Schaltfläche ist unbrauchbar und nicht anklickbar.

Answer 4

bitte attrbute deaktiviert auf die Schaltfläche

Ich stimme den allgemeinen Geschäftsbedingungen &

Erhalten

Answer 5

Bitte überprüfen Sie die Antworten hinzufügen: In einfachem HTML fügen Sie einfach das Attribut "disabled" hinzu.

Mit jQuery:

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

Mit Css