Erkennen HTML-Element-Eigenschaft ändert sich dynamisch

Question

Ich habe zwei Tasten - A und B. Wenn A deaktiviert/aktiviert wird Ich möchte B immer gleich sein.

Gibt es eine einfache Möglichkeit, dies in JavaScript zu tun?

Nehmen wir an, es gibt kein Klickereignis usw. Ich möchte nur den Status von A und B ändern entsprechend ändern.

Answer 1

// WITH CLICK ---------------------------------------------------- 
 
/* 
 
$("#dissablebtnA").on("click", function() { 
 
    $("#btnA").attr("disabled", "disabled"); 
 
    if ($("#btnA").attr("disabled") == "disabled") { 
 
    console.log("dissabled button B because button A is disabled"); 
 
    $("#btnB").attr("disabled", "disabled"); 
 
    } 
 

 
}); 
 
*/ 
 

 
// WITHOUT CLICK ---------------------------------------------------- 
 
/* 
 
If you just want to monitor it without clicking you could do like this 
 
*/ 
 

 
// check every 5 seconds to see if it is dissabled and set b to dissabled accordingly 
 
window.setInterval(function(){ 
 
    
 
if ($("#btnA").attr("disabled") == "disabled") { 
 
    console.log("dissabled button B because button A is disabled"); 
 
    $("#btnB").attr("disabled", "disabled"); 
 
    
 
    } 
 
}, 5000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<button id="btnA">button A</button> 
 
<button id="btnB">button B</button> 
 
<br> 
 
<br> 
 
<button id="dissablebtnA">DISABLE BUTTON A</button>