未选中/选中复选框时，javascript在div中添加/删除文本

Question

我正在尝试学习 Javascript 的魔力。我在这里要做的是在 复选框 未选中/ 时在 div 中添加/删除 文本>已检查。

这是我在尝试制作某种购物车:

function addCartItem(checkboxElement,cartElement,cartItemElement){

    var s = "";
    if(checkboxElement.checked == true){
        s = document.getElementById(cartItemElement).innerHTML += checkboxValue;
        updatePrice();
    }
    else{
        s = document.getElementById(cartItemElement).innerHTML = checkboxValue;
        s = s.replace(s,"");
        updatePrice();
   }
}

我无法让它工作，它不会从未选中的复选框中删除值。

更新我有这样的复选框调用函数:

<input type="checkbox" onclick="addCartItem(this,'cartElement','cartItemElement');" value="StarBreeze: TWD Demo |1337">

Answer 1

我会尝试这样的事情

function addCartItem(checkboxElement,cartElement,cartItemElement){

    var s = document.getElementById(cartItemElement).innerHTML;
    if(checkboxElement.checked == true)
    {
        s += checkboxValue;
    }
    else
   {
        s = s.replace(checkboxValue,"");
   }
   document.getElementById(cartItemElement).innerHTML = s;
   updatePrice();
}

但我不确定复选框值的来源以及它的外观。