JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" onchange="toggleCheckbox(this)" value="abc 1 def" name="1">
<input type="checkbox" onchange="toggleCheckbox(this)" value="abc 2 def" name="2">
<input type="checkbox" onchange="toggleCheckbox(this)" value="abc 3 def" name="3">
    
    <p id="test"></p>

JavaScript

var sum = 0;

function toggleCheckbox(element){
var info = new Array();
        var number = element.value.replace ( /[^\d.]/g, '' );
        info.push(element.value());
        if (element.checked)
            sum += Number(number);
        else
            sum -= Number(number);
        document.getElementById("test").innerHTML = sum;
}