js on change ereignis geloopt in js confirm

Question

Ich habe eine Flip-Umschalttaste(). Ich schreibe eine Funktion auf Wechsel der Umschalttaste, bei Änderung Ich erkläre js bestätigen Box, wenn bestätigt wahr die Taste bleibt in geändertem Zustand andernfalls wird es in seinem vorherigen Zustand zurückgehen. Mein Problem ist, dass die Funktion iterierend (Schleife) wird. Bitte schlagen Sie

Answer 1

vor, es sieht ganz ok aus. Vielleicht haben Sie vergessen, Ihren Code in $ (document) .ready zu kapseln - das ist notwendig, weil sonst Ihre JavaScript-Funktion geladen wird, bevor das HTML-DOM geladen wurde - damit Ihre Funktion nicht auf die DOM-Elemente zugreifen kann.

$(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"); 
     } 
    } 
}); 

}); 

Hier ist ein funktionstüchtiges Beispiel des Codes: https://plnkr.co/edit/AdzcN04F1fsLe9xw454j?p=preview