Javascript jquery根据复选框更新总计

我有一个表格，其中基于复选框的总价值将被更新

这是我的表格

<label class="checkbox">
        <input type="checkbox" class="check" value="23">SEO                             
    </label>
    <label class="checkbox">
        <input type="checkbox" class="check" value="34">XYZ 
    </label>                                
    <label class="checkbox">
            <input type="checkbox" class="check" value="45">Logo Design                                  
    </label>


    <span class="product-price" id="total" >45</span>

但是没有更新。可能的错误是什么？ 任何解决方案请更改：

if (this.checked) {
            $('#total').val((totalVal + val).toFixed(2));
        } else {
            $('#total').val((totalVal - val).toFixed(2));
        }

到

---

由于

span

没有

value

属性，因此您看到的文本是与之关联的

text

属性。

span属性没有

val（）

属性，而是

text（）

$（'input[type=checkbox]'）。更改（函数（）{
var val=parseFloat（此.value），
totalVal=parseFloat（$（'#total'）.text（）；
如果（选中此项）{
$（'#total'）.text（（totalVal+val）.toFixed（2））；
}否则{
$（'#total'）.text（（totalVal-val）.toFixed（2））；
}
});

搜索引擎优化
XYZ
标志设计
45
只需使用函数即可。只需在每次选中或取消选中时使用选中值进行简单相加。以下方法无需减法


$（'input[type=checkbox]'）。更改（函数（）{
var-tot=0；
$（'input:checked'）.map（函数（a）{
tot+=parseInt（$（this.val（））
})
美元("总计").val(总计固定汇率(2);；
});

搜索引擎优化
XYZ
标志设计

if (this.checked) {
            $('#total').val((totalVal + val).toFixed(2));
        } else {
            $('#total').val((totalVal - val).toFixed(2));
        }

if (this.checked) {
            $('#total').text((totalVal + val).toFixed(2));
        } else {
            $('#total').text((totalVal - val).toFixed(2));
        }