Javascript 如何仅在单击Confirm（）拨号后更改开关按钮的选中状态

我有图书管理系统。现在我正在使用

切换按钮

指示该书是否可用。因此，现在管理员可以选择

是

或

否

我想要实现的是
->假设现在可用性的

状态为1（是）

（可用）
->管理员希望

更改为零
（否）

->确认（）对话框将弹出

->如果管理员单击了
YES
，开关按钮将
更改为YES显示


->如果管理员单击了“取消”（管理员不想做任何更改），则开关按钮将保持为“否”状态

我的问题

->当管理员单击切换按钮并决定不做任何更改（管理员单击取消）时，切换按钮应保持其原始值（切换按钮仍显示否）。但我的代码在这部分不起作用，它背后的值起作用了。管理员单击“是”，数据库中设置的值为1，

但无论用户在确认（）中单击了“是/取消”，按钮都会不断更改“是/否”以响应用户的单击。





HTML

  <div *ngIf="book.available == '1'">
                                                                        <div >
                                                                             <label class="switch switch-text switch-primary">                                           
                                                                                 <input class="switch-input" type="checkbox" checked (click)="changeAvailability(0)">                                         
                                                                                 <span class="switch-label" data-off ="No" data-on="Yes">
                                                                                 </span>
                                                                                 <span class="switch-handle"></span>
                                                                              </label>
                                                                        </div>  

                                                                    </div>  

                                                                      <div *ngIf="book.available == '0'">
                                                                        <div >
                                                                             <label class="switch switch-text switch-primary">                                           
                                                                                 <input class="switch-input" type="checkbox" checked (click)="changeAvailability(1)">                                         
                                                                                 <span class="switch-label" data-off ="No" data-on="Yes">
                                                                                 </span>
                                                                                 <span class="switch-handle"></span>
                                                                              </label>
                                                                        </div>  

</div>

changeAvailability(data) 
{   
    var x = confirm('Are you sure want to change Availability?');
    if (x) 
    {
        // if admin clicked yes, to change the availabilty, then the value is sent to post
        //this part worked for me


    }
    else 
    {       
        //User Cancelled, do not proceed
        console.log('user cancelled'); 
    }
 }

我认为代码部分工作正常。我只是想触发一些东西来控制开关按钮应该显示什么。一些建议说我应该重新加载我的页面，这样html将读取管理员提交的新更新值，siwtch按钮将读取新值。我试过了，但它不起作用。真的需要一些指导

TQ.
请确定意图，这将提高您获得答案的机会。只是一个提示…；）你能格式化你的代码输出吗？请修正意图，这将提高你获得答案的机会。只是一个提示…；）你能格式化你的代码输出吗？