Javascript 如何使用axios on uncheck复选框取消提取请求？

我在使用axios取消api的请求时遇到问题。我想做的是选中api获取数据，但我不能取消选中复选框

axios文档显示了此方法，但它不起作用

    const CancelToken = axios.CancelToken;
const source = CancelToken.source();

axios.get('/user/12345', {
  cancelToken: source.token
}).catch(function (thrown) {
  if (axios.isCancel(thrown)) {
    console.log('Request canceled', thrown.message);
  } else {
    // handle error
  }
});

axios.post('/user/12345', {
  name: 'new name'
}, {
  cancelToken: source.token
})

// cancel the request (the message parameter is optional)
source.cancel('Operation canceled by the user.');

这是我的密码

const CancelToken = axios.CancelToken;
const source = CancelToken.source();
  $(".customers-list").on("change", ":checkbox", function () {
    let cusChecked = $(this);
    let cusId = $(this).attr("id").slice(4);
    let lat = $(this).attr("data-lat");
    let long = $(this).attr("data-long");
    let shoptype = $(this).attr("data-shoptype");
    let products = $(this).parent().parent().attr("data-customerproducts");

    if (cusChecked.is(":checked")) {
      $(this).parent("p").parent("li").addClass("pending");
      axios
        .all([
          axios.get(
            `http://localhost/pharmevo_api/api.php?action=customerSale&idProduct=${products}&idshop=${cusId}&startdate='${timePeriodStart}'&enddate='${timePeriodEnd}'`
          ),
          axios.get(
            `http://localhost/pharmevo_api/api.php?action=customerSale&idProduct=${products}&idshop=${cusId}&startdate='${startDateTrend}'&enddate='${endDateTrend}'`
          ),{
  cancelToken: source.token
}
        ])
        .then((res) => {
          console.log(res[0].data);
          console.log(res[1].data);
       
        })
        .catch((error) => {
          console.log(error);
        });
 
    } else {
   source.cancel('Operation canceled by the user.');
    }
  });

正如您所看到的，在else条件下，当复选框未选中时，我将取消请求