Javascript ECSS开关元件更改事件

在物化ECSS文档页面中，开关元素没有api。我使用了一个onclick事件，该事件只能触发两次

Html

---

此事件在我更改开关位置时触发两次。控制台日志显示交换机当前状态和已更改状态。我只想改变状态。因为ajax调用被触发了两次，并且在我的后端出现了数据库问题。如何处理此问题？

尝试执行更改事件

  $(".switch").find("input[type=checkbox]").on("change",function() {
        var status = $(this).prop('checked');

         $.ajax({
            url : url,
            type : "post",
            data : { status : status}
        })
    });

---

使用条件运算符或已使用但两次触发器使状态在第一个触发器中均为true，在第二个触发器中均为false，反之亦然。如果只发送true数据，则为true；如果切换为false，则为i，则为false。您能提供html吗？

$(".switch").on("click",function() {

    var status = $(this).find("input[type=checkbox]").prop('checked');
    console.log(status)

     $.ajax({
        url : url,
        type : "post",
        data : { status : status}
    })

});

// console.log output : false true or true false

  $(".switch").find("input[type=checkbox]").on("change",function() {
        var status = $(this).prop('checked');

         $.ajax({
            url : url,
            type : "post",
            data : { status : status}
        })
    });