Was ist der einfachste Weg, um Schaltflächen und Links zu deaktivieren/aktivieren (jQuery + Bootstrap)

Question

Manchmal benutze ich Ankers als Buttons gestylt und manchmal benutze ich einfach Buttons. ich möchte bestimmte klickbare Elemente deaktivieren, damit:

• Sie deaktiviert aussehen
• Sie nicht mehr angeklickt werden können

Wie kann ich das tun?

Answer 1

Ich weiß, meine Antwort ist spät, aber meiner Meinung nach ist dies der einfachste Weg, um einen Button "Aktivieren" und einen Button "Deaktivieren" umzuschalten

function toggleButtonState(button){

  //Wenn der Button aktiviert ist, -> Deaktivieren
  if (button.disabled === false) {
    button.disabled = true;

  //Wenn der Button deaktiviert ist, -> Aktivieren
  } else if (button.disabled === true) {
    button.disabled = false;
  }
}

Answer 2

Das ist eine ziemlich späte Antwort, aber ich bin auf diese Frage gestoßen, während ich nach einer Möglichkeit suchte, Bootstrap-Schaltflächen nach dem Klicken zu deaktivieren und vielleicht einen schönen Effekt hinzuzufügen (zum Beispiel einen Spinner). Ich habe eine großartige Bibliothek gefunden, die genau das tut:

http://msurguy.github.io/ladda-bootstrap/

Sie müssen nur das erforderliche CSS und JS einbinden, einige Eigenschaften zu Ihren Schaltflächen hinzufügen und Lada mit JavaScript aktivieren... Presto! Ihre Schaltflächen haben ein neues Leben (Bitte überprüfen Sie die Demo, um zu sehen, wie schön es ist)!

Answer 3

Dies oben funktioniert nicht, weil manchmal

$(this).attr('checked') == undefined

Passen Sie Ihren Code an mit

if(!$(this).attr('checked') || $(this).attr('checked') == false){

Answer 4

Angenommen, Sie haben diese Schaltflächen auf der Seite wie :

Der JavaScript-Code:

function change(){
   var toenable = document.querySelectorAll(".byBtn");        
    for (var k in toenable){
         toenable[k].removeAttribute("disabled");
    }
}

Answer 5

Sagen Sie, dass Sie das haben, das derzeit aktiviert ist.

Speichern

Fügen Sie einfach dies hinzu:

$("#btnSave").prop('disabled', true);

und Sie erhalten dies, was die Schaltfläche deaktiviert

Speichern