js on change l'événement est bouclé dans js confirm

Question

J'ai un bouton bascule bascule(). J'écris une fonction sur le changement de bouton bascule, au changement je déclare la boîte de confirmation js, si confirme vrai le bouton reste dans l'état changé , sinon il reviendra dans son état précédent.Mon problème est la fonction est en train d'itération (boucle) .S'il vous plaît suggérer

Answer 1

Pour moi, il semble tout à fait ok. Peut-être avez-vous oublié d'encapsuler votre code dans $ (document) .ready - ceci est nécessaire car sinon votre fonction Javascript sera chargée avant le chargement du DOM HTML - votre fonction ne pourra donc pas accéder aux éléments DOM.

$(document).ready(function() { 


$("#btn").on("change", function() { 
    var txt; 
    var btnStatus = $("#btn").val(); 
    console.log("btnstataus>>>>>" + btnStatus); 
    var r = confirm("Are you sure to change?"); 
    if (r == true) { 
     if (btnStatus == "on") { 
      $("#btn").val("on"); 
     } else { 
      $("#btn").val("off"); 
     } 
    } else { 
     if (btnStatus == "on") { 
      $("#btn").val("off"); 
     } else { 
      $("#btn").val("on"); 
     } 
    } 
}); 

}); 

Voici un exemple de travail de votre code: https://plnkr.co/edit/AdzcN04F1fsLe9xw454j?p=preview