Javascript 如何取消选中多重选择器并使用js执行减法？

我有三个下拉列表。每次从下拉列表中选择一个项目时，它都会添加到总值中，并显示在下面的标签中。当用户单击标签的“X”时，标签将被删除，并且项目的值应从下拉列表中减去。然而，它并没有被删减

这是我的表格链接：

您可以看到，要删除标签，我的标签如下所示：

onclick="desmarcarspan1();"

dentro del js así：

function desmarcarspan1(){
        var total = document.getElementById("totalGeneral");
        var total1 = new Array(total);
        var NuevoTotal = total.textContent;
        console.log(total.textContent);
        var ans10 = document.getElementById("ans-10");
        ans10.style.display = "none";
    }

---

但是我没有做任何其他事情，我不知道如何做减法和取消选中选择器。

如果将函数sumValues（）设为全局函数，则可以取消选中下拉元素并调用该函数，然后：

sumValues（）：

desmarcspan1（）

请参见此工作示例：

---

如果取消选择下拉列表，您希望价格返回？你的代码对我起作用，除了中间的下拉没有被检查。这就是问题所在吗？@HishamBawa你可以点击底部的标签。我认为用户想要的是，如果您单击标签，元素将被取消选中，项目的价格将从总价中减去

function sumValues() {
    const inputArray = document.querySelectorAll('input.itemTotalNeto');
    console.log(inputArray);
    const totalValue = document.querySelector('#totalGeneral');
    let cboxVals = 0;
    inputArray.forEach(element => cboxVals += element.checked ? parseInt(element.value, 10) : 0);
    totalValue.innerHTML = cboxVals;
}

function desmarcarspan1() {

    //decheck the dropdown-element:
    document.getElementById('check-1').checked = false;

    //sum up values again
    sumValues();

    var total = document.getElementById("totalGeneral");
    var total1 = new Array(total);
    var NuevoTotal = total.textContent;
    console.log(total.textContent);
    const totalValue = document.querySelector('#totalGeneral');
    var ans1 = document.getElementById("ans-1");
    ans1.style.display = "none";
}