Question

我有一个翻转切换按钮（）。我正在编写一个关于切换按钮更改的功能，在更改时我声明了js确认框，如果确认为true则按钮保持在更改状态，否则它将恢复到之前的状态我的问题是函数正在迭代（循环）。请建议

Answer 1

对我而言看起来很不错。也许你只是忘了将你的代码封装在$（document）.ready中 - 这是必要的，因为否则你的Javascript函数将在加载HTML DOM之前加载 - 所以你的函数将无法访问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");
         }
     }
 });

});

以下是您的代码的工作示例： https://plnkr.co/edit/AdzcN04F1fsLe9xw454j?p=preview

更改事件的js在js中循环确认

1 个答案: