<div class="btn-group" role="group" aria-label="Basic checkbox toggle button group">
<input title="10" type="checkbox" class="btn-check" id="btncheck1" autocomplete="off">
<label onclick="prices(btncheck1)"class="btn btn-outline-light" for="btncheck1">Checkbox 1</label>

<input title='30'type="checkbox" class="btn-check" id="btncheck2" autocomplete="off">
<label onclick="prices(btncheck2)"class="btn btn-outline-light" for="btncheck2">Checkbox 2</label>

<input title='40'type="checkbox" class="btn-check" id="btncheck3" autocomplete="off">
<label onclick="prices(btncheck3)"class="btn btn-outline-light" for="btncheck3">Checkbox 3</label>
<br>
<label id="tutar" style="background-color:yellow; color: red;">0</label>

<script>
let price =0;
function prices(a){
var x = a.title;

if(a.checked != true){
price = price + Number(x);
}else{
price = price - Number(x);

}
document.getElementById("tutar").innerHTML = price
}</script>
</div><div class="open_grepper_editor" title="Edit & Save To Grepper"></div>


senin yazdığın şekilde denedim problem yok sadecek getElementById'den çektiğin birşey yok onun için bir label ekledim.İstersen sana Js kısa notlarım var onları atabilirim.